JS 正規マッチングの落とし穴の記録

JS 正規マッチングの落とし穴の記録

最近、JS の正規表現マッチングの落とし穴を発見したのですが、その時はあまりにも奇妙だったので、何か超常現象が起こっているのではないかと疑うほどでした。

以下はピットコードです

   var str=["二七1","二七2","金水","二七3","二七4","二七5"]
        var reg = new RegExp ("二七", "g");
        for(var i=0;i<str.length;i++){
            if(reg.test(str[i])){
                コンソールログ(str[i])
            }
        }

正規表現を使用してstrをグロ​​ーバルに一致させ、条件に合致したときにそれを出力します。

明らかな理由なく 2 つが欠落しており、それらについては別途判断します。

      var str=["二七1","二七2","金水","二七3","二七4","二七5"]
        var reg = new RegExp ("二七", "g");
        for(var i=0;i<str.length;i++){
            if(reg.test(str[i])){
                コンソールログ(str[i])
            }
            もし(i==1){
                コンソールログ(reg.test(str[i]))
            }
            もし(i==4){
                コンソールログ(reg.test(str[i]))
            }
        }

それで私はこれを手に入れました

もう 1 つが欠けていますが、欠けている 2 つは規則性チェックを満たしていることがわかります。その後、インターネットで次の文章を見つけました。

文字列が正規表現で正常に一致した場合、lastIndex は、文字列グローバル一致の次の検索の開始点として、最初に一致した文字列の位置に設定されます。後続のフィールドが正常に一致した場合、一致が失敗するまで lastIndex が繰り返し再割り当てされ、0 にリセットされます。

しかし、先生に聞いたところ、一致が見つかった後はlastIndex+1が返されると教えてくれました。つまり、最初に一致したとき、lastIndexは2でした。この2は文字列の添え字であり、配列の添え字ではありません。したがって、str[1]を判断するときは、0からではなく、文字列の添え字2から始まります。したがって、2番目の判断は偽であり、一致は失敗します。LastIndexは0に設定されているため、3番目の一致は成功できます。

したがって、判定結果が true になると、lastIndex は 0 に設定され、データは正常になります。

データは正常です。

要約する

グローバル マッチングを使用する場合、各検索後に lastIndex が 0 に設定されるか、グローバル マッチングは使用されず、直接マッチングが実行されます。

ネットユーザーのまとめは以下のとおりです。

lastIndex は文字通り最後のインデックスを意味します。実際には、正規表現が次の検索を開始するインデックス位置を意味します。最初は常に 0 です。最初の検索が完了すると、lastIndex の値は、一致した文字列の最後の文字のインデックス位置に 1 を加えた値に設定されます。2 番目の検索は lastIndex 位置から開始され、以下同様に続きます。見つからない場合、lastIndex は 0 にリセットされます。 lastIndex 属性は、グローバル フラグ付きの正規表現でのみ機能することに注意してください。上記のコードの正規表現から g フラグを削除すると、3 つのポップアップはすべて true になります。

困っている友人は参考にしてください。JS 正規マッチングの落とし穴の記録に関するこの記事はこれで終わりです。より関連性の高い JS 正規マッチングの落とし穴については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援してください。

以下もご興味があるかもしれません:
  • js 正規表現学習ノート: 文字列のマッチング
  • 通常のマッチングパスワードは数字と文字の組み合わせのみになります [PHP および JS 実装]
  • 文字列 文字列マッチング JavaScript 正規表現
  • JS 定期学習ノート: 文字列リテラルのマッチング
  • 文字列リテラルに一致する JavaScript 正規表現
  • JS定期学習ノート: 文字列リテラルのマッチングの最適化

<<:  2 級コンピュータ試験のための MySQL の知識ポイントとよく使用される MYSQL コマンド

>>:  tomcatでcatalina.outログをカットする3つの方法の詳細な説明

推薦する

MYSQLストアドプロシージャコメントの詳細な説明

目次1. 使用方法2. 準備3. 文法3.1 変数と代入3.2 入力および出力パラメータ3.3 プロ...

Nginxポーリングアルゴリズムの基本的な実装方法の詳細な説明

ポーリングアルゴリズムの紹介多くの人が職場で nginx を使用しており、その設定に精通しています。...

Vuex のモジュール化と名前空間の例のデモ

1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...

Centos7 での nginx のインストールと設定に関する詳細なチュートリアル

注: ソフトウェアのインストールの基本ディレクトリ パスは /usr/local です。ソフトウェア...

XHTML と CSS によるオブジェクト指向プログラミング

<br />XHTML と CSS がオブジェクト指向だったらよかったのに。 。太陽は北...

React 並行関数エクスペリエンス (フロントエンド並行モード)

React は、開発者が Web およびモバイルベースのアプリケーションを作成するために使用するオ...

背景画像のみを180度回転させるCSS3実装例

1. 心の旅最近コックピットを書いていたときに、背景画像を単純に特定の角度に回転させるという問題につ...

フロートとBFCをクリアするCSSメソッド

イギリスBFC: ブロック書式設定コンテキストBFCレイアウトルール内箱は縦方向に次々に配置されます...

MySQL 5.7.18 MSI インストール グラフィック チュートリアル

この記事では、参考までにMySQL 5.7.18 MSIインストールチュートリアルを紹介します。具体...

CSS3 天子グリッドリストのスタイルの書き方

多くのプロジェクトでは、中央に灰色の分割線があり、両側に分割線がないグリッド表示の機能を実装する必要...

Centos6.9 インストール Mysql5.7.18 ステップ記録

インストール手順 rpm -ivh mysql-コミュニティ-共通-5.7.18-1.el7.x86...

jsを呼び出すいくつかの方法が整理され、使用が推奨されています

a タグではクリック イベントがよく使用されます。 1. href="javascript...

MySQL ログの設定と表示方法

MySQL には次のログがあります。エラーログ: -log-errクエリログ: -logスロークエリ...

弾幕効果を実現するためのjQuery

この記事では、弾幕効果を実現するためのjQueryの具体的なコードを参考までに共有します。具体的な内...

Linux の文字端末でマウスを使って赤い四角形を移動する方法

すべてがファイルです! UNIX はすでにそれを言っています。エリック・レイモンドはこう言いました。...