正規表現のグループ

/**
 * 「ab<任意の数字>」が 2 回以上、5 回以下繰り返されているか判定し、真偽値を返す
 */
function isMatch_NotUseGroup(str) {
  const pattern = /^ab\d$/;

  // 3 文字ずつ順番にパターンマッチを行い、マッチした回数をカウントする
  // 1 つでもマッチしない場所があったら、引数で与えられた str 全体としてマッチしなかったものとする
  let count = 0;
  while (str.length > 0) {
    const threeLetters = str.substr(0, 3);
    str = str.substr(3);
    if (!pattern.test(threeLetters)) {
      return false;
    }
    count++;
  }

  return 2 <= count && count <= 5;
}

console.log(isMatch_NotUseGroup("ab1ab2ab3")); // true
console.log(isMatch_NotUseGroup("ab1")); // false
console.log(isMatch_NotUseGroup("ab1ab2")); // true
console.log(isMatch_NotUseGroup("ab1ab2ab3ab4ab5ab6")); // false
console.log(isMatch_NotUseGroup("ab1ab2ab")); // false

/**
 * 「ab<任意の数字>」が 2 回以上、5 回以下繰り返されているか判定し、真偽値を返す
 */
function isMatch_UseGroup(str) {
  // 括弧でくくることで、「ab<任意の文字>」の 3 文字の判定をグループとし、
  // 繰り返しマッチも全て正規表現のパターンマッチで行う
  const pattern = /^(ab\d){2,5}$/;
  return pattern.test(str);
}

console.log(isMatch_UseGroup("ab1ab2ab3")); // true
console.log(isMatch_UseGroup("ab1")); // false
console.log(isMatch_UseGroup("ab1ab2")); // true
console.log(isMatch_UseGroup("ab1ab2ab3ab4ab5ab6")); // false
console.log(isMatch_UseGroup("ab1ab2ab")); // false

// キャプチャグループと後方参照を利用した、
// 文字列 "abcdefghi defghi ghi" のみにマッチする正規表現パターン
// グループはネストすることができる
const pattern = /^abc(def(ghi)) \1 \2$/;

console.log(pattern.test("abcdefghi defghi ghi")); // true

// 3 文字以上のアルファベットと 3 文字以上の数値が交互に現れている文字列か判定
// グループに対して数量詞を指定することで、文字列単位での出現有無や繰り返しを判定することができる
const pattern = /^(?:[a-zA-Z]{3,})?(?:\d{3,}[a-zA-Z]{3,})+(?:\d{3,})?$/;

console.log(pattern.test("abc1234ABCDEF123")); // true
console.log(pattern.test("1234ABCDEF123")); // true
console.log(pattern.test("abc12ABCDEF123")); // false
console.log(pattern.test("abc1234ab123")); // false
console.log(pattern.test("1234@ABCDEF 123")); // false

// 名前付きキャプチャグループと後方参照を用いて、日付文字列の区切り文字を統一
const pattern = /^\d{4}(?<delimiter>[-/]?)\d{2}\k<delimiter>\d{2}$/;

console.log(pattern.test("2020/01/15")); // true
console.log(pattern.test("2020-01-15")); // true
console.log(pattern.test("20200115")); // true

// 区切り文字が統一されていないものはマッチしない
console.log(pattern.test("2020/01-15")); // false

const pattern =
  /(substrA (substrB (substrC )*))(?:substrD (substrE ))(?<named>substrF )/;

// substrC に実際にマッチした部分文字列が \3 の位置に、
// substrF に実際にマッチした部分文字列が \5 の位置に出現するかを確認する正規表現パターン
const pattern =
  /(substrA (substrB (substrC )*))(?:substrD (substrE ))(?<named>substrF )\3\5/;

console.log(
  pattern.test(
    "substrA substrB substrC substrC substrD substrE substrF substrC substrF "
  )
); // true
// substrC の部分は繰り返しが 0 回で undefined が格納されている
// undefined の部分を後方参照することはできないためNG
console.log(pattern.test("substrA substrB substrD substrE substrF substrF")); // false
// substrC の部分には "substrC" が格納されているが、\3 の位置は空文字となっており、
// グループにマッチした値と後方参照の位置の値が異なるためNG
console.log(
  pattern.test("substrA substrB substrC substrD substrE substrF substrF")
); // false

// HTML要素の検証を行う
const pattern = /^<(?<tag>\w+)>(?<innerHTML>.*?)<\/\k<tag>>$/;

console.log(pattern.test("<div><p>inner</p></div>")); // true
// div に対応する終了タグが存在しない
console.log(pattern.test("<div><p>inner</p></article>")); // false

const pattern =
  /(substrA (?<named1>substrB (substrC )*))(?:substrD (substrE ))(?<named2>substrF)/;
const result = "substrA substrB substrC substrC substrD substrE substrF".match(
  pattern
);

// 結果配列の添え字の内容
console.log(result[0]); // "substrA substrB substrC substrC substrD substrE substrF"
console.log(result[1]); // "substrA substrB substrC substrC "
console.log(result[2]); // "substrB substrC substrC "
console.log(result[3]); // "substrC "
console.log(result[4]); // "substrE "
console.log(result[5]); // "substrF"

// 名前付きキャプチャグループの内容
console.log(result.groups.named1); // "substrB substrC substrC "
console.log(result.groups.named2); // "substrF"

// g フラグを加え、文字列中の複数個所マッチする部分をすべて取得する
const pattern =
  /(substrA (?<named1>substrB (substrC )*))(?:substrD (substrE ))(?<named2>substrF)/g;
const iter =
  "substrA substrB substrC substrC substrD substrE substrF -- substrA substrB substrC substrD substrE substrF".matchAll(
    pattern
  );

// // for...of で順番にアクセス
// for (const result of iter) {
//     console.log(result[0]);
//     // ...
// }

// スプレッド構文で配列に変換したうえでアクセス
const results = [...iter];

// 最初にマッチした部分
console.log(results[0][0]); // "substrA substrB substrC substrC substrD substrE substrF"
console.log(results[0][1]); // "substrA substrB substrC substrC "
console.log(results[0][2]); // "substrB substrC substrC "
console.log(results[0][3]); // "substrC "
console.log(results[0][4]); // "substrE "
console.log(results[0][5]); // "substrF"

// 名前付きキャプチャグループの内容
console.log(results[0].groups.named1); // "substrB substrC substrC "
console.log(results[0].groups.named2); // "substrF"

// 2 つ目にマッチした部分
console.log(results[1][0]); // "substrA substrB substrC substrD substrE substrF"
console.log(results[1].groups.named1); // "substrB substrC "
console.log(results[1].groups.named2); // "substrF"