JavaScriptの正規表現の基礎と使い方 - パターンマッチングを完全解説

1
2
3
4
5
6
7

// 通常の文字列比較
const text = "私の電話番号は090-1234-5678です";
console.log(text.includes("090-1234-5678")); // true（完全一致のみ）

// 正規表現を使ったパターンマッチング
const phonePattern = /\d{3}-\d{4}-\d{4}/;
console.log(phonePattern.test(text)); // true（パターンに一致）

1
2
3
4
5

// 正規表現リテラル
const pattern = /hello/;

// フラグ付きの正規表現
const patternWithFlag = /hello/i; // 大文字小文字を区別しない

1
2
3
4
5
6
7
8
9

// RegExpコンストラクタ
const pattern = new RegExp("hello");

// フラグ付き
const patternWithFlag = new RegExp("hello", "i");

// 変数を使ってパターンを動的に生成
const searchWord = "JavaScript";
const dynamicPattern = new RegExp(searchWord, "gi");

1
2
3

// 数字にマッチするパターン
const regexLiteral = /\d+/;             // リテラル
const regexConstructor = new RegExp("\\d+"); // コンストラクタ（エスケープ必要）

1
2
3
4
5

const text = "Hello, World!";

console.log(/^Hello/.test(text));  // true（先頭が Hello）
console.log(/World!$/.test(text)); // true（末尾が World!）
console.log(/o.W/.test(text));     // true（o と W の間に任意の1文字）

1
2
3
4
5

const text = "電話: 03-1234-5678";

console.log(/\d/.test(text));    // true（数字が含まれている）
console.log(/[0-9-]+/.test(text)); // true（数字とハイフンのパターン）
console.log(/\w+/.test(text));   // true（英数字が含まれている）

1
2
3
4
5
6
7
8
9

// 郵便番号のパターン（3桁-4桁）
const postalCode = /^\d{3}-\d{4}$/;
console.log(postalCode.test("123-4567")); // true
console.log(postalCode.test("12-4567"));  // false（3桁ではない）

// 電話番号のパターン（ハイフンは省略可能）
const phone = /^\d{2,4}-?\d{2,4}-?\d{4}$/;
console.log(phone.test("03-1234-5678")); // true
console.log(phone.test("0312345678"));   // true

1
2
3
4
5
6
7
8
9

// 拡張子のパターン
const imageExt = /\.(jpg|jpeg|png|gif)$/i;
console.log(imageExt.test("photo.jpg"));  // true
console.log(imageExt.test("photo.PNG"));  // true（大文字小文字を区別しない）
console.log(imageExt.test("document.pdf")); // false

// グループ化して繰り返し
const laugh = /(ha)+/;
console.log(laugh.test("hahaha")); // true

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

const text = "Hello hello HELLO";

// gフラグ：すべてのマッチを検索
console.log(text.match(/hello/g));  // ["hello"]
console.log(text.match(/hello/gi)); // ["Hello", "hello", "HELLO"]

// iフラグ：大文字小文字を区別しない
console.log(/hello/i.test("HELLO")); // true

// mフラグ：複数行モード
const multiLine = "Line1\nLine2\nLine3";
console.log(multiLine.match(/^Line/gm)); // ["Line", "Line", "Line"]

1
2
3
4
5
6

const regex = /hello/gi;

console.log(regex.flags);      // "gi"
console.log(regex.global);     // true
console.log(regex.ignoreCase); // true
console.log(regex.multiline);  // false

1
2
3
4
5
6
7
8

const email = "user@example.com";
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

if (emailPattern.test(email)) {
  console.log("有効なメールアドレスです");
} else {
  console.log("無効なメールアドレスです");
}

1
2
3
4
5
6
7
8
9

const text = "私の誕生日は1990年5月15日です";

// gフラグなし：最初のマッチのみ
const result1 = text.match(/\d+/);
console.log(result1); // ["1990", index: 5, input: "...", groups: undefined]

// gフラグあり：すべてのマッチ
const result2 = text.match(/\d+/g);
console.log(result2); // ["1990", "5", "15"]

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

const text = "apple: 100円, banana: 150円, orange: 120円";
const pattern = /(\w+): (\d+)円/g;

let match;
while ((match = pattern.exec(text)) !== null) {
  console.log(`商品: ${match[1]}, 価格: ${match[2]}円`);
}
// 商品: apple, 価格: 100円
// 商品: banana, 価格: 150円
// 商品: orange, 価格: 120円

1
2
3
4

const text = "JavaScript is awesome!";

console.log(text.search(/is/));       // 11
console.log(text.search(/python/i)); // -1（マッチなし）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

const text = "Hello World";

// 最初のマッチのみ置換
console.log(text.replace(/o/, "0")); // "Hell0 World"

// gフラグですべてのマッチを置換
console.log(text.replace(/o/g, "0")); // "Hell0 W0rld"

// 大文字小文字を区別しない
console.log(text.replace(/hello/i, "Hi")); // "Hi World"

1
2
3
4
5
6
7
8
9

// 日付フォーマットの変換（YYYY-MM-DD → MM/DD/YYYY）
const date = "2026-01-04";
const formatted = date.replace(/(\d{4})-(\d{2})-(\d{2})/, "$2/$3/$1");
console.log(formatted); // "01/04/2026"

// 名前の順序を入れ替え
const name = "山田 太郎";
const reversed = name.replace(/(\S+)\s+(\S+)/, "$2 $1");
console.log(reversed); // "太郎 山田"

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

const text = "りんご: 100円, みかん: 80円, ぶどう: 200円";

// 価格を2倍にする
const doubled = text.replace(/(\d+)円/g, (match, price) => {
  return `${Number(price) * 2}円`;
});
console.log(doubled); // "りんご: 200円, みかん: 160円, ぶどう: 400円"

// 単語を大文字に変換
const words = "hello world javascript";
const upper = words.replace(/\b\w+\b/g, (word) => word.toUpperCase());
console.log(upper); // "HELLO WORLD JAVASCRIPT"

1
2
3
4
5
6
7

const text = "apple, apple, apple";

// replaceAll() を使用
console.log(text.replaceAll("apple", "orange")); // "orange, orange, orange"

// 正規表現を使う場合はgフラグが必須
console.log(text.replaceAll(/apple/g, "orange")); // "orange, orange, orange"

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// 空白文字で分割（複数のスペースにも対応）
const text1 = "apple   banana  orange";
console.log(text1.split(/\s+/)); // ["apple", "banana", "orange"]

// 複数の区切り文字で分割
const text2 = "apple,banana;orange:grape";
console.log(text2.split(/[,;:]/)); // ["apple", "banana", "orange", "grape"]

// 数字で分割（数字を保持）
const text3 = "item1abc2def3";
console.log(text3.split(/(\d)/)); // ["item", "1", "abc", "2", "def", "3", ""]

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

const text = "Email: user1@example.com, user2@test.org";
const emailPattern = /[\w.-]+@[\w.-]+\.\w+/g;

// matchAll() はイテレータを返す
const matches = text.matchAll(emailPattern);

for (const match of matches) {
  console.log(`Found: ${match[0]} at index ${match.index}`);
}
// Found: user1@example.com at index 7
// Found: user2@test.org at index 26

1
2
3
4
5
6
7
8
9

const dateText = "今日の日付は2026-01-04です";
const pattern = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;

const match = dateText.match(pattern);
if (match) {
  console.log(match.groups.year);  // "2026"
  console.log(match.groups.month); // "01"
  console.log(match.groups.day);   // "04"
}

1
2
3
4
5
6
7
8
9

function isValidEmail(email) {
  // 基本的なメールアドレスパターン
  const pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  return pattern.test(email);
}

console.log(isValidEmail("user@example.com"));  // true
console.log(isValidEmail("invalid-email"));     // false
console.log(isValidEmail("user@.com"));         // false

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

function formatPhoneNumber(phone) {
  // 数字以外を除去
  const digits = phone.replace(/\D/g, "");
  
  // 10桁または11桁の場合にフォーマット
  if (digits.length === 10) {
    return digits.replace(/(\d{2})(\d{4})(\d{4})/, "$1-$2-$3");
  } else if (digits.length === 11) {
    return digits.replace(/(\d{3})(\d{4})(\d{4})/, "$1-$2-$3");
  }
  
  return phone; // 変換できない場合はそのまま返す
}

console.log(formatPhoneNumber("09012345678")); // "090-1234-5678"
console.log(formatPhoneNumber("0312345678"));  // "03-1234-5678"
console.log(formatPhoneNumber("03-1234-5678")); // "03-1234-5678"

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

function extractQueryParams(url) {
  const params = {};
  const pattern = /[?&]([^=]+)=([^&]*)/g;
  
  let match;
  while ((match = pattern.exec(url)) !== null) {
    params[decodeURIComponent(match[1])] = decodeURIComponent(match[2]);
  }
  
  return params;
}

const url = "https://example.com/search?q=JavaScript&page=2&sort=date";
console.log(extractQueryParams(url));
// { q: "JavaScript", page: "2", sort: "date" }

1
2
3
4
5
6

function stripHtmlTags(html) {
  return html.replace(/<[^>]*>/g, "");
}

const html = "<p>これは<strong>重要な</strong>テキストです。</p>";
console.log(stripHtmlTags(html)); // "これは重要なテキストです。"

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

function checkPasswordStrength(password) {
  const checks = {
    length: password.length >= 8,
    lowercase: /[a-z]/.test(password),
    uppercase: /[A-Z]/.test(password),
    number: /\d/.test(password),
    special: /[!@#$%^&*(),.?":{}|<>]/.test(password)
  };
  
  const score = Object.values(checks).filter(Boolean).length;
  
  if (score <= 2) return "弱い";
  if (score <= 4) return "普通";
  return "強い";
}

console.log(checkPasswordStrength("abc"));           // "弱い"
console.log(checkPasswordStrength("Password1"));    // "普通"
console.log(checkPasswordStrength("P@ssw0rd!"));    // "強い"

1
2
3
4
5

// 避けるべきパターン：バックトラッキングが多発する
const badPattern = /a*a*a*a*b/;

// 推奨：シンプルで効率的なパターン
const goodPattern = /a+b/;

1
2
3
4
5
6

// ドメイン名のマッチ（.をエスケープ）
const domain = /example\.com/;

// 金額のマッチ（$をエスケープ）
const price = /\$\d+/;
console.log(price.test("$100")); // true

1
2
3
4
5
6
7
8
9

function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}

const userInput = "price: $10.00";
const escaped = escapeRegExp(userInput);
const pattern = new RegExp(escaped);

console.log(pattern.test("price: $10.00")); // true