JavaScript 正则表达式全攻略：语法、模式和应用实例

2024-01-05 13:32:38

## 正则表达式概述
正则表达式（Regular Expression）是一种特殊语法，用于匹配字符串中的特定模式。它具有强大的模式匹配功能，能够灵活地搜索、提取和替换文本中的数据。正则表达式常用于各种开发领域，包括文本处理、数据验证、数据挖掘和搜索引擎优化等。

## JavaScript 正则表达式语法
JavaScript 正则表达式的语法遵循一定的规则和符号，用于构建匹配模式。常见的语法元素包括：

字符匹配：
- 字符类：[]：匹配指定的字符集。
- 反字符类：[^]: 匹配除指定字符集之外的字符。
- 转义字符：\：转义特殊字符的原始含义。
- 预定义字符类：\d、\w、\s等：匹配数字、单词字符、空格等。
数量词：
- 零次或多次：*：匹配前一个字符出现 0 次或多次。
- 一次或多次：+：匹配前一个字符出现 1 次或多次。
- 零次或一次：?：匹配前一个字符出现 0 次或 1 次。
- 确切次数：{n}：匹配前一个字符出现 n 次。
- 范围次数：{m, n}：匹配前一个字符出现 m 到 n 次。
位置锚点：
- 行首锚点：^：匹配字符串的开头。
- 行尾锚点：$：匹配字符串的结尾。
- 词首锚点：\b：匹配单词的开头。
- 词尾锚点：\b：匹配单词的结尾。
分组：
- 圆括号：()：将子表达式分组。
- 命名捕获组：(?): 将子表达式分组并命名。
- 非捕获组：?: 不捕获子表达式。

## 正则表达式高级技巧

多选分支： 使用管道符号 |，可以匹配多个子模式中的任意一个。
反向引用： 使用反斜杠 \ 后跟数字，可以引用前面捕获的子表达式的值。
懒惰匹配： 使用问号 ?，可以将数量词标记为懒惰匹配，即优先匹配最短的匹配结果。
贪婪匹配： 使用加号 +，可以将数量词标记为贪婪匹配，即优先匹配最长的匹配结果。
不区分大小写： 使用 i 标志，可以使正则表达式对大小写不敏感。
全局匹配： 使用 g 标志，可以使正则表达式匹配所有符合条件的子字符串。
多行匹配： 使用 m 标志，可以使正则表达式匹配多行文本。
粘性匹配： 使用 y 标志，可以使正则表达式只匹配字符串的开头。

## 正则表达式应用实例

验证电子邮件地址：

const emailRegex = /^[\w-\.]+@[\w-]+\.[a-z]{2,}$/;
const email = 'example@domain.com';
console.log(emailRegex.test(email)); // true

提取数字：

const digitsRegex = /\d+/g;
const text = 'The number is 123456';
const matches = text.match(digitsRegex);
console.log(matches); // ['123456']

替换字符串：

const text = 'Hello, world!';
const replacedText = text.replace(/world/, 'JavaScript');
console.log(replacedText); // Hello, JavaScript!

格式化日期：

const dateRegex = /^(\d{4})-(\d{2})-(\d{2})$/;
const dateString = '2023-03-08';
const match = dateRegex.exec(dateString);
const formattedDate = `${match[1]}年${match[2]}月${match[3]}日`;
console.log(formattedDate); // 2023年03月08日