JavaScript正则表达式

// 匹配字符串中的 "hello"，不区分大小写
const regex = /hello/i;
console.log(regex.test("Hello World")); // true

// 动态创建正则表达式
const pattern = "hello";
const flags = "i";
const regex = new RegExp(pattern, flags);
console.log(regex.test("Hello World")); // true

/^hello/.test("hello world"); // true，hello 在开头
/hello$/.test("say hello"); // true，hello 在结尾
/\bworld\b/.test("hello world"); // true，world 是完整单词
/\bworld\b/.test("helloworld"); // false，world 不是完整单词

const str = "<div>content1</div><div>content2</div>";

// 贪婪模式：匹配从第一个 <div> 到最后一个 </div>
str.match(/<div>.*<\/div>/); // ["<div>content1</div><div>content2</div>"]

// 惰性模式：匹配第一个 <div> 和其对应的 </div>
str.match(/<div>.*?<\/div>/); // ["<div>content1</div>"]

const regex = /(\d{4})-(\d{2})-(\d{2})/;
const match = regex.exec("2023-10-05");
// match[0]: "2023-10-05"（完整匹配）
// match[1]: "2023"（第一个捕获组）
// match[2]: "10"（第二个捕获组）
// match[3]: "05"（第三个捕获组）

const regex = /(?:https?:\/\/)?(www\.[^\s]+)/;
const match = regex.exec("https://www.example.com");
// match[0]: "https://www.example.com"
// match[1]: "www.example.com"（只有一个捕获组）

const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec("2023-10-05");
// match.groups.year: "2023"
// match.groups.month: "10"
// match.groups.day: "05"

// 匹配重复的单词
const regex = /\b(\w+)\s+\1\b/;
regex.test("hello hello"); // true

// 使用命名捕获组的反向引用
const regex2 = /(?<word>\w+)\s+\k<word>/;
regex2.test("hello hello"); // true

// 匹配后面跟着 "@example.com" 的用户名
const regex = /\w+(?=@example\.com)/;
regex.exec("user@example.com"); // ["user"]

// 匹配后面不跟着数字的单词
const regex2 = /\w+(?!\d)/;
regex2.exec("hello123"); // ["hello"]

// 匹配前面是 "$" 的数字
const regex = /(?<=\$)\d+/;
regex.exec("Price: $100"); // ["100"]

// 匹配前面不是 "$" 的数字
const regex2 = /(?<!\$)\d+/;
regex2.exec("Price: 100"); // ["100"]

// 匹配 "cat" 或 "dog"
const regex = /cat|dog/;
regex.test("I have a cat"); // true
regex.test("I have a dog"); // true

const regex = /hello/;
regex.test("Hello World"); // false（区分大小写）
regex.test("hello world"); // true

const regex = /(\d{4})-(\d{2})-(\d{2})/;
const result = regex.exec("Today is 2023-10-05");
// result: ["2023-10-05", "2023", "10", "05", index: 9, input: "Today is 2023-10-05", groups: undefined]

const str = "abcabc";
str.match(/a/); // ["a", index: 0, input: "abcabc", groups: undefined]
str.match(/a/g); // ["a", "a"]（全局模式返回所有匹配项）

const str = "abcabc";
const matches = [...str.matchAll(/a/g)];
// matches: [
//   ["a", index: 0, input: "abcabc", groups: undefined],
//   ["a", index: 3, input: "abcabc", groups: undefined]
// ]

const str = "abcabc";
str.search(/a/); // 0
str.search(/z/); // -1

const str = "hello world";
str.replace(/world/, "JavaScript"); // "hello JavaScript"

// 使用函数作为替换值
str.replace(/\w+/g, (match) => match.toUpperCase()); // "HELLO WORLD"

const str = "abcabc";
str.replaceAll("a", "x"); // "xbcxbc"

const str = "a,b,c";
str.split(","); // ["a", "b", "c"]

// 使用正则表达式分割
const str2 = "a1b2c3";
str2.split(/\d+/); // ["a", "b", "c"]

const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
emailRegex.test("user@example.com"); // true
emailRegex.test("invalid-email"); // false

const urlRegex = /https?:\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/g;
const text = "Visit https://www.example.com and http://test.org";
text.match(urlRegex); // ["https://www.example.com", "http://test.org"]

const phoneRegex = /^1[3-9]\d{9}$/;
phoneRegex.test("13812345678"); // true
phoneRegex.test("12345678901"); // false（开头不是13-19）

const passwordRegex = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
passwordRegex.test("password123"); // true
passwordRegex.test("password"); // false（没有数字）
passwordRegex.test("12345678"); // false（没有字母）

const htmlRegex = /<([a-z]+)>(.*?)<\/\1>/;
const html = "<div>content</div>";
html.match(htmlRegex); // ["<div>content</div>", "div", "content"]

const dateRegex = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;
dateRegex.test("2023-10-05"); // true
dateRegex.test("2023-13-05"); // false（月份无效）
dateRegex.test("2023-10-32"); // false（日期无效）

// 不推荐：可能导致性能问题
const badRegex = /(a+)+$/;
const str = "aaaaa";
// badRegex.test(str); // 可能会卡住

// 推荐：简化正则表达式
const goodRegex = /a+$/;

// 预编译正则表达式
const regex = /\w+/g;

// 多次使用
for (let i = 0; i < 1000; i++) {
  regex.test(`test${i}`);
}

// 不推荐：使用了不必要的捕获组
const badRegex = /(abc)+/;

// 推荐：使用非捕获组
const goodRegex = /(?:abc)+/;

// 匹配 Unicode 表情
const regex = /\u{1F600}/u;
regex.test("😀"); // true

// 不推荐：使用复杂正则匹配固定字符串
const badRegex = /^hello$/;

// 推荐：直接使用字符串比较
const str = "hello";
str === "hello";

const regex = /(\d+)-(\w+)/;
const str = "123-abc";

// 使用 exec() 查看详细匹配信息
console.log(regex.exec(str));

// 使用 test() 快速验证
console.log(regex.test(str));

// 查看正则表达式的属性
console.log(regex.flags);
console.log(regex.source);