正規表現応用

// === 後読みの例 ===

// 肯定後読み: $ の後の数値を取得
const prices = '$100 €200 $300';
console.log(prices.match(/(?<=\$)\d+/g)); // ['100', '300']

// 否定後読み: $ 以外の通貨記号の後の数値
console.log(prices.match(/(?<!\$)\d+/g)); // ['200']

// === 非貪欲マッチの例 ===

// 貪欲: 最も長いマッチ
const html = '<b>bold</b> and <b>more</b>';
console.log(html.match(/<b>.*<\/b>/)[0]);
// '<b>bold</b> and <b>more</b>'（全体にマッチ）

// 非貪欲: 最も短いマッチ
console.log(html.match(/<b>.*?<\/b>/g));
// ['<b>bold</b>', '<b>more</b>']（個別にマッチ）

// === matchAll() の例 ===
const text = '商品A: ¥1,200 商品B: ¥3,500';
const regex = /(?<item>商品\w+): ¥(?<price>[\d,]+)/g;

for (const match of text.matchAll(regex)) {
  console.log(`${match.groups.item} → ${match.groups.price}`);
}
// 商品A → 1,200
// 商品B → 3,500

// === replace() + 名前付きキャプチャ ===
const date = '2024-03-15';
const jpDate = date.replace(
  /(?<y>\d{4})-(?<m>\d{2})-(?<d>\d{2})/,
  '$<y>年$<m>月$<d>日'
);
console.log(jpDate); // '2024年03月15日'

// === replace() + コールバック関数 ===
const masked = '電話: 090-1234-5678'.replace(
  /(\d{3})-(\d{4})-(\d{4})/,
  (_, a, b, c) => `${a}-****-${c}`
);
console.log(masked); // '電話: 090-****-5678'

// === u フラグの効果 ===
const emoji = '👍';
console.log(emoji.length);           // 2 (サロゲートペア)
console.log(/^.$/u.test(emoji));     // true  (u フラグあり)
console.log(/^.$/.test(emoji));      // false (u フラグなし)

// === Unicode プロパティエスケープ ===
const text = 'Hello 世界 こんにちは 123';

// 漢字を抽出
console.log(text.match(/\p{Script=Han}+/gu));
// ['世界']

// ひらがなを抽出
console.log(text.match(/\p{Script=Hiragana}+/gu));
// ['こんにちは']

// 全言語の文字（英字・漢字・ひらがな等）
console.log(text.match(/\p{Letter}+/gu));
// ['Hello', '世界', 'こんにちは']

// === 実践: 日本語テキストの検出 ===
function containsJapanese(str) {
  return /[\p{Script=Hiragana}\p{Script=Katakana}\p{Script=Han}]/u.test(str);
}
console.log(containsJapanese('Hello'));      // false
console.log(containsJapanese('こんにちは')); // true

// === ReDoS の例（注意: 実行しないこと！）===
// 脆弱: /(a+)+$/.test('aaaaaaaaaaaaaaaaaa!')
// → バックトラッキングが指数的に増大し、ブラウザがフリーズ

// === 安全なパターンへの書き換え ===
// 脆弱: /(a+)+$/
// 安全: /a+$/

// 脆弱: /([a-zA-Z]+)*@/
// 安全: /[a-zA-Z]+@/

// === パフォーマンス比較 ===

// NG: ループ内で毎回コンパイル
function findEmailsBad(texts) {
  return texts.filter(t => new RegExp('[a-z]+@[a-z]+\\.[a-z]+').test(t));
}

// OK: ループ外でリテラルを使う
function findEmailsGood(texts) {
  const regex = /[a-z]+@[a-z]+\.[a-z]+/;
  return texts.filter(t => regex.test(t));
}

// === 非キャプチャグループ (?:...) ===
// キャプチャ不要なグループ化
const dateRegex = /(?:Mon|Tue|Wed|Thu|Fri|Sat|Sun), \d{2}/;
// (?:...) はグループ化のみ行い、キャプチャはしない
// → match()[1] には入らない → メモリ効率が良い