フロントエンドの正規表現に関する簡単な説明

1. 概要

JavaScript では、//# # を使用します。 # 正規表現オブジェクトを作成できます。もちろん、new RegExp()

正規表現に関連して一般的に使用されるメソッドには、

match、 などがあります。 test と replace。

このうち、

match と replace は文字列に対するメソッドであり、test は通常のオブジェクトに対するメソッドです。

[関連コースの推奨事項:

JavaScript ビデオ チュートリアル ]

以下の具体的な図をご覧ください:

2. 単一文字の一致

1. #/reg/

   は、特定の文字列 reg と直接一致します。

##/[arzy]/
2. の大括弧

   [] は、arzy の任意の 1 文字と一致することを意味します。

/[f-h]/
3. の ##-

   は、アルファベット順で f から に一致することを表します。 h 内の任意の 1 文字/[1-3]/

   は、1 ～ 3 の一致する数字を表します

3. 通常のオプション

通常のオブジェクトの後にオプション、JavaScript を続けることもできます。一般的に使用されるオプションは次のとおりです:

i - 大文字と小文字の区別を無視することを表します

1. m - 複数行の一致を表します

2. g - グローバル一致を表します (複数回一致する可能性があります)

#4. 境界マッチング

## - 一致する文字列の先頭を表します

1. $

   - 一致した文字列

の末尾を表します。文字一致

#. - 改行文字を除く任意の文字と一致します \d

- 任意の数値

## と一致します
1. #\D - 以外の任意の
数値と一致します
2. \s
- 任意の空白文字
3. \ S - 任意の 以外の空白文字と一致します
4. \n - 改行
5. \w - それ実際には [A-Za-z0-9_] と同等であり、英数字のアンダースコア
7. ##6 に一致します。マッチング

- 0 回以上一致

# - 1 回以上一致 ?

- 0 回または 1 回一致

1. {3} - 3 回一致
2. {2,4} - 2、3、または 4 回一致します
3. {2,} - 2 回以上一致します
5. 7. グループ化
()

括弧は正規表現でのグループ化を表し、通常は

match メソッドは次の目的で使用されます。完全一致と複数のグループ化結果を返します。

g

オプションを使用すると、完全一致のみが返されます。 括弧内ではパイプ記号 | を使用できます。これは

または

# # を表します。 ##8. 特殊文字

特殊記号と一致する場合は、バックスラッシュを追加する必要があります\

JS の特殊文字は ## です。 #^ $ \ . * ? () [] {} |

したがって、アスタリスク

# と一致させる必要がある場合は、次のように記述する必要があります: ##\*

9. 一致しない

match を取得します。特定の文字を除く すべての文字は角括弧で囲んで使用する必要があります

[]

^

これまでの

# には 2 つの意味があります:

正規表現の先頭で使用した場合、一致する文字列の先頭を表します。

角括弧内で使用した場合 []、この文字以外の一致を表します

1. ##10. End

上記では正規表現の基本的な使用法のみを紹介していますが、日常の開発には基本的にこれで十分です。 Greedy と Lazy、Zero-width Assertion、Capture などのより詳細な使用法については、興味のある友人が自分で学ぶことができます~

通常のルールは非常に強力ですが、悪用することはできません。自分だけが理解できる非常に複雑な正規表現を作成する場合は、正規表現を使用せずに実装することをお勧めします~

参考リンク

● Web 開発者のための Regex の紹介

この記事は js チュートリアル 列から引用したものです。ぜひ学習してください。

以上がフロントエンドの正規表現に関する簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。