JavaScriptの正規表現を理解する｜郵便番号 /^\d{3}-\d{4}$/ から学ぶ最初の一歩（2025年版）

はじめに：正規表現ってなに？

プログラムで文字列を扱うとき、「ある文字列が特定の形式かどうか」を調べたいことがあります。
たとえば：

• 入力された郵便番号が正しいか？
• メールアドレスの形になっているか？
• 文の中に「http」が含まれているか？

こうした“文字のルール”を表すのが正規表現（Regular Expression）です。

JavaScriptでは、

const regex = /パターン/;

という形で簡単に書けます。

1. 郵便番号の例で正規表現を見てみよう

最も身近な例のひとつが、日本の郵便番号です。
たとえば「123-4567」という形の番号をチェックしたい場合、次のように書けます。

const postal = /^\d{3}-\d{4}$/;
console.log(postal.test("123-4567")); // ✅ true
console.log(postal.test("12-34567")); // ❌ false

これだけで「文字列が郵便番号形式かどうか」を判定できます。
ではこの /^\d{3}-\d{4}$/ を分解して見てみましょう。

2. /^\d{3}-\d{4}$/ の意味をひとつずつ理解する

🔍 つまり：

「先頭から3桁の数字、ハイフン、4桁の数字で終わる文字列」だけがOK。

例：
✅ 123-4567 → OK
❌ 住所123-4567 → NG（先頭に余計な文字）
❌ 123-4567abc → NG（末尾に文字がある）

3. 実際にコードで試してみよう

const regex = /^\d{3}-\d{4}$/;

console.log(regex.test("123-4567"));   // ✅ true
console.log(regex.test("１２３-４５６７")); // ❌ 全角数字はNG
console.log(regex.test("1234567"));    // ❌ ハイフンなし
console.log(regex.test("A23-4567"));   // ❌ 数字以外が含まれる
console.log(regex.test("123-4567a"));  // ❌ 末尾に文字

💡 ^ と $ をつけることで、「完全一致」をチェックできるようになります。
もしこれを外すと、文章中の一部に「123-4567」が含まれているだけでも true になってしまいます。

4. 半角・全角の両方を許す柔軟な書き方

日本語のフォームでは「全角数字」で入力されることもよくあります。
その場合は、全角の数字範囲 [０-９] も加えると対応できます。

const postal = /^[0-9０-９]{3}-[0-9０-９]{4}$/;

console.log(postal.test("１２３-４５６７")); // ✅ true

ここでは [0-9０-９] が「半角0〜9 または 全角0〜9」のどちらかを許す、という意味になります。

5. フラグ（オプション）を使うとどうなる？

正規表現には検索モードを変えるための“フラグ”があります。
たとえば /abc/i の i は「大文字小文字を区別しない」設定です。

郵便番号のように「完全一致」でチェックしたい場合は、フラグは不要です。

6. 正規表現でよく出てくる記号の意味まとめ

JavaScript 第7版 [ David Flanagan ]

created by Rinker

¥5,060 (2025/11/18 03:45:05時点 楽天市場調べ-詳細)

• Amazon
• 楽天市場
• Yahooショッピング

7. 実務でよく使う正規表現パターン集

8. よくある間違いと回避法

9. さらに使いこなすテクニック

🔸 名前付きキャプチャ（ES2020〜）

const regex = /(?<first>\d{3})-(?<second>\d{4})/;
const match = "123-4567".match(regex);
console.log(match.groups.first);  // 123
console.log(match.groups.second); // 4567

🔸 前後読み（Lookahead / Lookbehind）

console.log("300円".match(/\d+(?=円)/)); // ["300"]
console.log("#タグ".match(/(?<=#).+/));   // ["タグ"]

10. まとめ：読めるようになると一気に世界が広がる

最初は「記号だらけで難しそう」に見える正規表現ですが、
意味を分解して理解すれば、まるで文法のように読めるようになります。

郵便番号 /^\d{3}-\d{4}$/ はその最初の一歩。
ここを理解すれば、他のパターン（電話・日付・メール・URL）もスラスラ読めるようになります。

関連

【保存版】JavaScriptのアロー関数とは？初心者にもわかる違いと使い分けガイド