JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの正規表現でマルチライン（複数行）マッチングを実行する方法

マルチライン（複数行）マッチングとは

JavaScriptの正規表現で複数行にわたるテキストを扱う場合は、m修飾子（mフラグ）を使用します。通常、^や$は文字列全体の先頭・末尾にのみ一致しますが、mフラグを付けることで、改行で区切られた各行の先頭・末尾にも一致するようになります。

サンプルコード

以下のコードでは、改行を含む文字列に対してmフラグを使った正規表現でマッチングを行っています。

<html>
   <head>
      <title>JavaScript Regular Expression</title>
   </head>

   <body>
      <script>
         var myStr = "Welcom\ning!";
         var reg = /^ing/m;
         var match = myStr.match(reg);
         
         document.write(match);
      </script>
   </body>
</html>

コードの解説

この例では、変数 myStr に「Welcom」と「ing!」が改行コード（\n）で区切られた文字列を格納しています。使用している正規表現 /^ing/m は、「行の先頭にある ing」にマッチするパターンです。

もしmフラグがなければ、^ は文字列全体の先頭（「W」の位置）にしか一致しないため、「ing」は検出されません。しかしmフラグを付けることで、2行目の先頭にある「ing」にも一致し、実行結果として ing が出力されます。

このように、ログファイルやCSVなど改行を含む長いテキストを処理する際には、m修飾子を活用することで行単位の柔軟なパターンマッチングが可能になります。

  1. JavaScriptでオートコンプリート（入力補完）機能を実装する方法

    JavaScriptによるオートコンプリートの実装検索フォームなどでユーザーの入力に合わせて候補を自動的に表示する「オートコンプリート（入力補完）」機能は、JavaScriptを使えばライブラリなしでも実装できます。本記事では、配列に格納されたデータを候補として表示し、マウスクリックやキーボード操作で選択できるオートコンプリートの作り方を、完全なサンプルコードとともに解説します。実装のポイントこのサンプルでは以下のような仕組みでオートコンプリートを実現しています。inputイベント：テキストフィールドに入力があるたびに発火し、入力値と前方一致する項目を候補リストとして動的に生成します。キーボー

  2. JavaScriptでテキストを切り替える（トグルする）方法を解説

    JavaScriptを使えば、ボタンをクリックするたびに表示されるテキストを切り替える（トグルする）処理を簡単に実装できます。ここでは、innerHTMLプロパティと条件分岐を組み合わせた、最も基本的なテキスト切り替えの方法をサンプルコード付きで解説します。実装コード例<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>