プログラミングを学び始めたばかりの方にとって、JavaScriptの正規表現（Regex）は少し難しく感じるかもしれません。しかし、正規表現は文字列のパターンを扱う強力なツールであり、プログラミングのスキルを向上させるためには欠かせない要素です。このガイドでは、正規表現の基本から実際の使い方までを丁寧に解説します。
正規表現とは？
正規表現は、文字列の中から特定のパターンを見つけ出すための表現方法です。たとえば、メールアドレスや電話番号、特定の文字列を含むかどうかをチェックする際に利用されます。
正規表現の基本構文
JavaScriptで正規表現を使うには、以下の2つの方法があります。
- リテラル記法： /パターン/
- コンストラクタ記法： new RegExp(‘パターン’)
リテラル記法は、正規表現のパターンを直接書く場合に使います。一方、コンストラクタ記法は、動的にパターンを生成する際に便利です。
基本的なパターン
正規表現には、特定の文字や数字を表すための基本的な記号があります。以下にいくつかの例を紹介します。
- ドット (.)： 任意の1文字を表します。
- アスタリスク (*)： 直前の文字が0回以上繰り返すことを表します。
- プラス (+)： 直前の文字が1回以上繰り返すことを表します。
- 角括弧 ([ ])： 指定した文字のいずれか1文字を表します。例えば、[abc]はa、b、cのいずれかを表します。
- キャレット (^)： 文字列の先頭を表します。
- ドル ($)： 文字列の末尾を表します。
簡単な例
以下のコードは、文字列が「abc」で始まり「xyz」で終わるかをチェックする正規表現の例です。
const pattern = /^abc.*xyz$/;
const str1 = "abc123xyz";
const str2 = "123abcxyz";
console.log(pattern.test(str1)); // true
console.log(pattern.test(str2)); // false
この例では、test()メソッドを使って、文字列が正規表現のパターンにマッチするかどうかを確認しています。
文字クラスと特殊文字
文字クラスを利用することで、より複雑な条件を指定することができます。たとえば、以下のようなパターンがあります。
- \d： 任意の数字（0-9）
- \w： 任意の英数字またはアンダースコア
- \s： 任意の空白文字（スペース、タブなど）
これらの記号を組み合わせることで、複雑なパターンを表現できます。たとえば、電話番号の形式をチェックする正規表現は以下のようになります。
const phonePattern = /^\d{3}-\d{4}-\d{4}$/;
const phoneNumber = "123-4567-8901";
console.log(phonePattern.test(phoneNumber)); // true
実際の活用例
正規表現は実際のプログラミングにおいて非常に役立ちます。以下は、メールアドレスの形式を確認するための正規表現の例です。
const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
const email = "example@example.com";
console.log(emailPattern.test(email)); // true
この正規表現は、一般的なメールアドレスの形式にマッチします。ユーザー入力の検証やデータのクレンジングに役立つでしょう。
まとめ
今回はJavaScriptの正規表現の基本について解説しました。正規表現は文字列の処理において非常に強力なツールです。最初は難しく感じるかもしれませんが、少しずつ使いこなすことでプログラミングの幅が広がることでしょう。実際に手を動かしながら、様々なパターンを試してみてください！
