水. 1月 29th, 2025

JavaScriptと正規表現の基本

JavaScriptでは、正規表現はパターンマッチングや文字列の検索・置換に使用されます。正規表現は / で囲むことで作成できます。例えば、/abc/ は “abc” という文字列を検索する正規表現です。

JavaScriptの正規表現では、特殊文字を使用して複雑なパターンを表現することができます。例えば、. は任意の一文字を、* は直前の文字が0回以上繰り返すことを表します。したがって、 /a.*b/ は “a” で始まり “b” で終わる任意の文字列を検索する正規表現です。

また、正規表現にはフラグを設定することができ、その挙動を変更することができます。例えば、g フラグを設定すると全体の検索が可能になり、i フラグを設定すると大文字小文字を区別しない検索が可能になります。

JavaScriptで正規表現を使用する方法は主に2つあります。一つは String オブジェクトの match メソッドや replace メソッドなど、文字列操作のメソッドで正規表現を引数に取るものです。もう一つは RegExp オブジェクトを使用する方法で、より高度な正規表現操作が可能です。

以上がJavaScriptと正規表現の基本的な使い方になります。次のセクションでは、これらの基本を活用した具体的なコード例を見ていきましょう。

正規表現のパターンとマッチング

正規表現では、特定のパターンを表現するために様々なメタ文字と量指定子が使用されます。以下に、JavaScriptで使用できる主なメタ文字と量指定子をいくつか紹介します。

  • .: 任意の一文字を表します。
  • *: 直前の文字が0回以上繰り返すことを表します。
  • +: 直前の文字が1回以上繰り返すことを表します。
  • ?: 直前の文字が0回または1回出現することを表します。
  • {n}: 直前の文字がn回繰り返すことを表します。
  • {n,}: 直前の文字がn回以上繰り返すことを表します。
  • {n,m}: 直前の文字がn回以上、m回以下繰り返すことを表します。

これらのメタ文字と量指定子を組み合わせることで、様々なパターンを表現することができます。例えば、/a{3,5}/は “a” が3回以上5回以下繰り返すパターンを表します。

また、正規表現では、特定の文字クラスを表すためのショートカットも提供されています。以下に、主なショートカットをいくつか紹介します。

  • \d: 任意の数字を表します。[0-9]と同等です。
  • \D: 数字以外の任意の文字を表します。[^0-9]と同等です。
  • \w: 任意の英数字またはアンダースコアを表します。[A-Za-z0-9_]と同等です。
  • \W: \wで表される文字以外の任意の文字を表します。[^A-Za-z0-9_]と同等です。
  • \s: 任意の空白文字を表します。
  • \S: 空白文字以外の任意の文字を表します。

以上が正規表現のパターンとマッチングの基本的な内容になります。次のセクションでは、これらの基本を活用した具体的なコード例を見ていきましょう。

JavaScriptでの正規表現の利用

JavaScriptでは、正規表現は主に文字列の検索や置換、パターンマッチングに使用されます。以下に、JavaScriptで正規表現を使用する主な方法をいくつか紹介します。

文字列の検索

JavaScriptの文字列メソッドである search() を使用すると、文字列内で正規表現に一致する最初のインデックスを返します。一致するものがない場合は-1を返します。

let str = "Hello, world!";
let result = str.search(/world/);  // 7

文字列の置換

replace() メソッドを使用すると、文字列内の正規表現に一致する部分を新しい文字列に置換することができます。

let str = "Hello, world!";
let result = str.replace(/world/, "JavaScript");  // "Hello, JavaScript!"

パターンマッチング

match() メソッドを使用すると、文字列内で正規表現に一致する部分を配列として返します。一致するものがない場合はnullを返します。

let str = "Hello, world!";
let result = str.match(/o/g);  // ["o", "o"]

正規表現オブジェクト

JavaScriptでは、RegExp オブジェクトを使用して正規表現を作成し、より高度な操作を行うことができます。

let regex = new RegExp('world', 'g');
let str = "Hello, world! world!";
let result = str.match(regex);  // ["world", "world"]

以上がJavaScriptでの正規表現の基本的な利用方法になります。次のセクションでは、これらの基本を活用した具体的なコード例を見ていきましょう。

正規表現を活用したコード例

以下に、JavaScriptで正規表現を活用した具体的なコード例をいくつか紹介します。

文字列内の数字の抽出

以下のコードは、文字列内の全ての数字を抽出し、それらを配列として返します。

let str = "123abc456def";
let result = str.match(/\d+/g);  // ["123", "456"]

文字列内の単語の置換

以下のコードは、文字列内の “world” を “JavaScript” に置換します。

let str = "Hello, world!";
let result = str.replace(/world/g, "JavaScript");  // "Hello, JavaScript!"

メールアドレスのバリデーション

以下のコードは、与えられた文字列がメールアドレスの形式に一致するかどうかをチェックします。

let email = "[email protected]";
let regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
let isValid = regex.test(email);  // true

以上がJavaScriptでの正規表現の活用例になります。これらの例を参考に、自分のコードで正規表現を活用してみてください。正規表現は非常に強力なツールであり、様々な文字列操作を効率的に行うことができます。ただし、複雑な正規表現は読みにくくなりがちなので、適切なコメントを付けることをお勧めします。

By jakoten

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です