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

JavaScriptのRegExpで正規表現に一致する文字列を検索する方法（execメソッドの使い方）

JavaScriptで文字列の中から正規表現（RegExp）に一致するテキストを検索するには、exec()メソッドを使用します。このメソッドは、一致が見つかった場合に結果を配列として返し、一致しなかった場合にはnullを返します。

exec()メソッドのパラメータ

  • string − 検索対象となる文字列を指定します。

戻り値について

exec()メソッドは、一致が見つかった場合、最初の要素にマッチしたテキストそのものを含む配列を返します。また、この配列にはindexプロパティ（一致した位置）やinputプロパティ（検索元の文字列）といった追加情報も含まれています。正規表現に「g」フラグを付けている場合は、exec()を繰り返し呼び出すことで、次々と後続の一致箇所を取得することも可能です。

サンプルコード

以下のコードを実行すると、文字列から正規表現に一致するテキストを検索できます。

<html>
   <head>
      <title>JavaScript RegExp execメソッド</title>
   </head>
   <body>
      <script>
         var str = "JavaScript is an interesting scripting language";
         var re = new RegExp( "script", "g" );

         var result = re.exec(str);
         document.write("Test 1 - returned value : " + result);

         re = new RegExp( "pushing", "g" );

         var result = re.exec(str);
         document.write("<br />Test 2 - returned value : " + result);
      </script>
   </body>
</html>

実行結果の解説

上記の例では、まず文字列「JavaScript is an interesting scripting language」に対して、パターン「script」で検索を行っています。この文字列には「scripting」という単語が含まれているため、Test 1では「script」という一致結果が配列として返されます。

一方、Test 2では存在しないパターン「pushing」で検索しているため、結果はnullとなります。

このように、exec()メソッドを使えば、一致の有無を簡単に判定できるだけでなく、返された配列からマッチした位置や詳細な情報を取得することもできます。

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

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

  2. JavaScriptで文字列を検索する方法【search()メソッドの使い方を解説】

    JavaScriptで文字列を検索する方法 JavaScriptで文字列の中から特定の文字列を探すには、search()メソッドを使用します。このメソッドは、引数に渡した文字列（または正規表現）が対象の文字列内で最初に一致した位置（インデックス）を返し、見つからなかった場合は -1 を返します。 以下は、JavaScriptで文字列を検索するサンプルコードです。 サンプルコード <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" />