実際の業務では、JavaScript の正規表現が依然として頻繁に使用されます。したがって、この部分の知識は非常に重要です。 1. 基本的な文法:1つ目: リテラル構文 var 式 = /パターン/フラグ; 2番目: RegExpコンストラクタ構文 var pattern = /\w/gi; //リテラル構文 var pattern = new RegExp('\\w', 'gi'); //コンストラクタ構文、これら 2 つは同等です ここで注意すべき点は、正規表現が動的である場合は、2 番目のオプションのみを選択できることです。 旗には3つの旗があります g: はグローバル パターンを示します。つまり、最初の一致が見つかったときにすぐに停止するのではなく、すべての文字列にパターンが適用されます。 i: 大文字と小文字を区別しないモードを示します。つまり、一致を判断するときにパターンと文字列の大文字と小文字は無視されます。 m: 複数行モードを示します。つまり、テキストの行の末尾に達すると、次の行にパターンに一致する項目があるかどうかの検索が続行されます。 もちろん、他のフラグもありますが、それらはめったに使用されないため、詳細には説明しません。 上記の \w が何を意味するかについては、少し待ってから読み続けてください。 2. 方法主なものは、test()、search()、match()、replace() です。もちろん、他にも多くの方法がありますが、あまり使用されていないため、ここでは詳しく説明しません。 1. test() メソッドの使用 文字列に対応する文字列が含まれているかどうかを判定する 2. search() メソッドの使用 文字列の最初の出現のインデックスを検索し、見つからない場合は -1 を返します。 3. match() メソッドの使用 一致した配列を返します 4. replace() メソッドの使用は依然として非常に一般的です 文字列と一致し、別の文字列に置き換えます 3. 表情と実戦を合わせる1. 主張: アサーションは、特定の条件下で一致が発生することを示します。要するに、概念が少しわかりにくいので、そのまま読み進めてください。ゆっくり続けさせてください。
例えば 大文字と小文字を区別せずに、dog で始まり dog で終わる文字列を一致させたいです。 var pattern = /^dog$/i; //大文字と小文字を無視 console.log(pattern.test('dog')); //true console.log(pattern.test('sdfdog'));//false console.log(pattern.test('dog56'));//false console.log(pattern.test('dOG'));//true var pattern = /\b\w+/g; // グローバル マッチ。ここでの + は量指定子で、1 回以上を表します。 console.log('Hello World'.match(pattern)); // 出力 ['Hello','World']。これは match の使用方法であり、一致の配列を返します。 ここで、\b は単語の境界に一致し、\B は非単語の境界に一致します。 1 つは小文字、もう 1 つは大文字で、大文字は逆になっています。それで、これ以上言う必要はありません。 単語の境界について話しましょう。おそらく多くの人は単語の境界についてあまり明確に理解していないでしょう。 簡単に説明しましょう。例えば、「Hello World」という単語には、H 位置、o 位置、W 位置、d 位置の 4 つの境界があります。 2. キャラクタークラス:
3. 範囲:
4. 数量詞:
4. 拡大10から36までの数字に一致します var パターン = /1[2-9]|[2-3][0-9]|4[0-6]/;//12-46 console.log(pattern.test(11));//false console.log(pattern.test(12));//true console.log(pattern.test(20));//true console.log(pattern.test(36));//true console.log(pattern.test(46));//true console.log(pattern.test(47));//false 「Hello, World! Hello」のHelloをWelcomeに置き換える ここでは、正規表現での replace メソッドの使用に重点を置きます。これは、実際には非常に頻繁に使用されるためです。旗に g を追加するか追加しないかでは大きな違いがあります。 var パターン = /Hello/g; var oldString = 'Hello,World!Hello'; var newString = oldString.replace(パターン、'Welcome'); console.log(newString);//ようこそ、世界よ!ようこそ 要約するJavaScript における正規表現の実践的な応用に関するこの記事はこれで終わりです。より関連性の高い JavaScript 正規表現については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: MySQLで論理SQLを置き換える際の落とし穴を回避する方法の詳細な説明
>>: 開発者とオペレーターが注目すべき Linux デバッグ ツール [推奨]
この記事では、MySQL 5.7.17ワークベンチのインストールと設定方法を参考までに紹介します。具...
この記事の例では、スライダー間隔コンポーネントを実装するためのjsの具体的なコードを参考までに共有し...
ユーザーがログアウトした後、ブラウザの戻るボタンがクリックされると、Web アプリケーションは保護さ...
序文この記事では主に、シングルクォートやバックスラッシュを含む値を挿入するMySQLステートメントに...
この記事では、参考までにMySQL 5.7.21のインストールチュートリアルを紹介します。具体的な内...
今日はたまたま友人のサーバーの移転を手伝うことになり、サーバーの基本的な設備の設定を行ったのですが、...
目次導入js のイテレータはどのように見えるか反復プロトコル反復可能なプロトコルイテレータプロトコル...
目次導入説明名前の競合私有財産要約する導入シンボル変数を作成する最も簡単な方法は、Symbol() ...
1. 問題の説明今日、システム ログ ファイルを確認する必要がありますが、/var/log/mess...
目次序文1. vue-cliを使う1. Toastコンポーネントを定義する2. main.jsで設定...
目次1.Nuxtサーバーサイドレンダリングアプリケーションの展開(SSRサーバーレンダリング)利点:...
序文この記事では主に、MySQL で重複レコードをクエリして削除する方法を紹介します。参考と学習のた...
CSSの記述順序1. 位置属性(位置、上、右、z-index、表示、フロートなど) 2. サイズ(...
MySQL データベース テーブルでは、インデックスを作成、表示、再構築、削除できるため、クエリ速度...
1.メニューバーにスタートと入力し、スタートアップアプリケーションをクリックして入力します。 2. ...