// 匹配 "apple"、"banana"、"orange" 中的任意一個(gè)
const reg = /apple|banana|orange/;
const fruits = ["apple", "banana", "orange", "grape"];

fruits.forEach(fruit => {
  console.log(`${fruit}: ${reg.test(fruit)}`);
});
// 運(yùn)行結(jié)果：
// apple: true（匹配 "apple"）
// banana: true（匹配 "banana"）
// orange: true（匹配 "orange"）
// grape: false（無匹配）

const str1 = "I like apples";
const str2 = "I like oranges";
const str3 = "I like grape";

// 錯(cuò)誤寫法：未分組，匹配 "I like app" 或 "les"（邏輯不符合預(yù)期）
const wrongReg = /I like app|les/;
console.log(wrongReg.test(str1)); // true（錯(cuò)誤匹配 "I like app"）
console.log(wrongReg.test(str2)); // false（無匹配）

// 正確寫法：用 () 限定選擇范圍，匹配 "I like apple" 或 "I like orange"
const rightReg = /I like (apple|orange)/;
console.log(rightReg.test(str1)); // true（匹配 "I like apple"）
console.log(rightReg.test(str2)); // true（匹配 "I like orange"）
console.log(rightReg.test(str3)); // false（無匹配）

// 匹配 "abc" 或 "abcd"（左優(yōu)先：先嘗試 "abc"）
const reg = /abc|abcd/;
const str = "abcd";

// 匹配結(jié)果：優(yōu)先匹配左側(cè)的 "abc"，而非完整的 "abcd"
console.log(str.match(reg)); // ["abc", index: 0, input: "abcd", groups: undefined]

// 匹配三種日期格式（年-月-日、年/月/日、年.月.日）
const dateReg = /^\d{4}(-|\/|\.)\d{2}\1\d{2}$/; 
// 注：\1 是分組引用，后續(xù)會(huì)講解，此處用于保證分隔符一致（如 "-" 前后一致）

console.log(dateReg.test("2024-05-20")); // true（匹配 "-" 格式）
console.log(dateReg.test("2024/05/20")); // true（匹配 "/" 格式）
console.log(dateReg.test("2024.05.20")); // true（匹配 "." 格式）
console.log(dateReg.test("2024-05/20")); // false（分隔符不一致）

// 分組前：匹配 "a" 重復(fù) 2 次 + "b"（即 "aab"）
const noGroupReg = /a{2}b/;
// 分組后：匹配 "ab" 重復(fù) 2 次（即 "abab"）
const groupReg = /(ab){2}/;

console.log(noGroupReg.test("aab")); // true（分組前，匹配 "aab"）
console.log(noGroupReg.test("abab")); // false（分組前，不匹配）
console.log(groupReg.test("abab")); // true（分組后，匹配 "abab"）
console.log(groupReg.test("aab")); // false（分組后，不匹配）

// 非捕獲組：匹配 "apple" 或 "banana"，不捕獲結(jié)果
const nonCaptureReg = /(?:apple|banana)/;
const str = "I like apple";

// 匹配結(jié)果：僅返回整體匹配內(nèi)容，無分組捕獲結(jié)果
const result = str.match(nonCaptureReg);
console.log(result); // ["apple", index: 7, input: "I like apple", groups: undefined]
console.log(result[1]); // undefined（非捕獲組，無分組結(jié)果）

// 普通捕獲組：捕獲 "apple" 或 "banana" 的結(jié)果
const captureReg = /(apple|banana)/;
const captureResult = str.match(captureReg);
console.log(captureResult[1]); // "apple"（普通捕獲組，可獲取分組結(jié)果）

// 嵌套分組：匹配 "a(bc(d))"（組 1："bc(d)"，組 2："d"）
const reg = /a(bc(d))/;
const str = "abcde";
const result = reg.exec(str);

console.log(result[0]); // "abcd"（整體匹配結(jié)果）
console.log(result[1]); // "bcd"（第 1 個(gè)左括號(hào)對(duì)應(yīng)的分組結(jié)果）
console.log(result[2]); // "d"（第 2 個(gè)左括號(hào)對(duì)應(yīng)的分組結(jié)果）

function extractUrlParts(url) {
  // 分組1：域名（如 www.baidu.com），分組2：路徑（如 /s）
  const reg = /https?:\/\/([^\/]+)(\/[^?]*)/;
  const result = url.match(reg);
  
  if (result) {
    return {
      domain: result[1], // 第 1 組：域名
      path: result[2]    // 第 2 組：路徑
    };
  }
  return null;
}

const url = "https://www.baidu.com/s?wd=regex";
const parts = extractUrlParts(url);
console.log(parts);
// 運(yùn)行結(jié)果：
// { domain: "www.baidu.com", path: "/s" }

// 分組1：匹配單詞（\w+），\1：引用分組1的結(jié)果，匹配重復(fù)單詞
const reg = /(\w+)\s+\1/;
const str1 = "hello hello";
const str2 = "hello world";
const str3 = "apple apple banana";

console.log(reg.test(str1)); // true（匹配 "hello hello"）
console.log(reg.test(str2)); // false（無重復(fù)單詞）
console.log(str3.match(reg)); // ["apple apple", "apple"]（匹配 "apple apple"，分組1結(jié)果為 "apple"）

// 分組1：前 3 位數(shù)字，分組2：后 4 位數(shù)字
const phoneReg = /(\d{3})\d{4}(\d{4})/;
const phone = "13812345678";

// $1 引用分組1（138），$2 引用分組2（5678），中間用 **** 替換
const formattedPhone = phone.replace(phoneReg, "$1****$2");
console.log(formattedPhone); // 運(yùn)行結(jié)果：138****5678

// 身份證號(hào)規(guī)則：18位，第 7-14 位為出生日期（yyyyMMdd）
const idCardReg = /^(\d{6})(\d{8})(\d{4})$/;
const idCard = "110101200001011234";

const result = idCardReg.exec(idCard);
if (result) {
  console.log("地區(qū)碼：", result[1]); // 地區(qū)碼：110101（第 1 組）
  console.log("出生日期：", result[2]); // 出生日期：20000101（第 2 組）
  console.log("校驗(yàn)碼：", result[3]); // 校驗(yàn)碼：1234（第 3 組）
}
// 運(yùn)行結(jié)果：
// 地區(qū)碼： 110101
// 出生日期： 20000101
// 校驗(yàn)碼： 1234

// 僅定義 2 個(gè)分組，引用第 3 組（越界）
const reg = /(\d{2})-(\d{2})\3/;
const str1 = "05-203"; // 末尾為 "3"，與 \3（視為普通字符 "3"）匹配
const str2 = "05-204"; // 末尾為 "4"，不匹配

console.log(reg.test(str1)); // true（\3 視為 "3"，匹配 "05-203"）
console.log(reg.test(str2)); // false（不匹配）

function fixHtmlTag(html) {
  // 分組1：匹配開始標(biāo)簽名（如 div），替換閉合標(biāo)簽為 $1（與開始標(biāo)簽一致）
  const reg = /<(\w+)>([\s\S]*?)<\/\w+>/;
  return html.replace(reg, "<$1>$2</$1>");
}

const wrongHtml = "<div>這是錯(cuò)誤的標(biāo)簽</p>";
const fixedHtml = fixHtmlTag(wrongHtml);
console.log(fixedHtml); // 運(yùn)行結(jié)果：<div>這是錯(cuò)誤的標(biāo)簽</div>

function validateAndExtractLandline(phone) {
  // 分組1：區(qū)號(hào)（可選，3-4位數(shù)字），分組2：分隔符（- 或 空格），分組3：號(hào)碼（7-8位數(shù)字）
  const reg = /^(?:(\d{3,4})([- ]))?(\d{7,8})$/;
  const result = phone.match(reg);
  
  if (!result) {
    return "固定電話格式錯(cuò)誤";
  }
  
  return {
    fullPhone: result[0],
    areaCode: result[1] || "無區(qū)號(hào)", // 區(qū)號(hào)可選，無則返回 "無區(qū)號(hào)"
    number: result[3]
  };
}

// 測試案例
const phones = [
  "010-12345678",  // 帶區(qū)號(hào)（4位）+ "-" 分隔
  "021 87654321",  // 帶區(qū)號(hào)（3位）+ 空格分隔
  "1234567",       // 無區(qū)號(hào)（7位號(hào)碼）
  "010-1234567"    // 錯(cuò)誤（號(hào)碼僅 7 位，但區(qū)號(hào)+分隔符存在，需 8 位號(hào)碼）
];

phones.forEach(phone => {
  console.log(phone + ":", validateAndExtractLandline(phone));
});

010-12345678: { fullPhone: '010-12345678', areaCode: '010', number: '12345678' }
021 87654321: { fullPhone: '021 87654321', areaCode: '021', number: '87654321' }
1234567: { fullPhone: '1234567', areaCode: '無區(qū)號(hào)', number: '1234567' }
010-1234567: 固定電話格式錯(cuò)誤