プログラミング

JavaScript正規表現の基本

最終更新： 14/03/2025
1 分の読み

理解しました。以下は、JavaScriptにおける正規表現（RegExp）を使用した検索の基本について、日本語で説明した完全かつ包括的な記事です。

JavaScriptにおける正規表現を使った検索の基本

JavaScriptで正規表現（RegExp）を使って文字列を検索することは非常に強力なツールです。正規表現を利用することで、文字列のパターンを指定して、効率的に文字列を検索、抽出、置換、検証できます。この記事では、JavaScriptで正規表現を使った検索方法を基本から応用まで解説します。

関連記事

1. 正規表現とは？

正規表現（RegExp）は、文字列内のパターンを表現するための式です。文字列検索の際に、特定のパターンを見つけるために使用されます。JavaScriptでは、正規表現を使って文字列の検索や置換を行うことができます。

2. 正規表現の作成

JavaScriptで正規表現を作成する方法は2通りあります。

  • リテラル方式

    最も簡単な方法で、スラッシュ（/）で囲んで記述します。

    例: /abc/

  • コンストラクタ方式

    RegExp コンストラクタを使って正規表現オブジェクトを作成する方法です。

    例: new RegExp('abc')

両者の違いは、コンストラクタ方式では文字列を動的に受け取ることができる点です。リテラル方式は静的なパターンに使用され、簡単に記述できます。

3. 正規表現の基本構文

正規表現にはさまざまなパターンがありますが、基本的なものを以下に紹介します。

  • 文字のリテラル

    文字列内の特定の文字を検索します。例えば、/a/ は文字列内の「a」を検索します。

  • メタ文字

    特殊な意味を持つ文字です。例えば、次のようなものがあります：

    • .: 任意の1文字（改行を除く）
    • ^: 文字列の先頭
    • $: 文字列の末尾
    • []: 文字クラス（例：[abc] は「a」または「b」または「c」に一致）
    • *: 直前の文字が0回以上繰り返す
    • +: 直前の文字が1回以上繰り返す
    • ?: 直前の文字が0回または1回現れる

  • エスケープシーケンス

    メタ文字を文字として扱いたい場合、バックスラッシュ（\）を使います。例えば、ドット（.）はメタ文字として任意の文字を表すので、\. と書くことで文字としてのドットを検索できます。

4. JavaScriptでの正規表現の使用例

JavaScriptで正規表現を使用する方法は主に2つあります。test()メソッドとexec()メソッドです。

  • test()メソッド

    test()は、正規表現に一致する文字列が存在するかどうかを真偽値で返します。

    javascript
    const regex = /abc/;
console.log(regex.test('abcdef')); // true
console.log(regex.test('xyz'));    // false

  • exec()メソッド

    exec()は、正規表現に一致する部分を検索して、最初に一致した部分を配列で返します。

    javascript
    const regex = /a(b)c/;
const result = regex.exec('abc');
console.log(result); // ["abc", "b"]

5. 正規表現を使った文字列の置換

JavaScriptではreplace()メソッドを使って正規表現に一致する部分を置換することができます。

javascript
const str = 'Hello World';
const newStr = str.replace(/World/, 'JavaScript');
console.log(newStr); // "Hello JavaScript"

このように、replace()メソッドは正規表現を用いて特定の文字列を新しい文字列に置き換えます。

6. 正規表現のフラグ

正規表現にはフラグ（オプション）があり、検索の挙動を変更できます。代表的なフラグは以下の通りです。

  • g (global): 文字列全体を検索し、すべての一致を返します。
  • i (ignore case): 大文字と小文字を区別せずに検索します。
  • m (multiline): 複数行に対して検索します。

例えば、/abc/giは「abc」または「ABC」を、文字列全体でケースを無視して検索します。

7. よく使われる正規表現パターン

  • メールアドレスの検証

    javascript
    const regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
console.log(regex.test('[email protected]')); // true
console.log(regex.test('user.com')); // false

  • 電話番号の検証（日本の形式）

    javascript
    const regex = /^\d{2,4}-\d{2,4}-\d{4}$/;
console.log(regex.test('03-1234-5678')); // true
console.log(regex.test('0312345678')); // false

8. 正規表現の注意点

正規表現は非常に強力ですが、使い方によってはパフォーマンスに影響を与えることがあります。特に、非常に大きなデータや複雑なパターンの場合、正規表現の処理が遅くなることがあります。効率的な正規表現の作成を心がけ、テストを行いながら使用しましょう。

9. まとめ

JavaScriptで正規表現を使うことで、文字列の検索や置換、検証を効率よく行うことができます。基本的な構文とメソッドを理解した上で、実際のアプリケーションに応用することが可能です。正規表現はそのパワフルさ故に、しっかりと学んで使いこなすことが重要です。

このように、正規表現はJavaScriptで非常に便利なツールとなり、複雑な文字列操作を簡単に行えるようになります。

最終更新： 14/03/2025
1 分の読み
Back to top button