正则表达式是前端开发中常用的工具之一，它可以用来匹配、查找、替换文本中的特定模式。在 ES8 中，正则表达式得到了一些更新，使得它更加强大和灵活。本文将介绍 ES8 对于正则表达式的更新及使用技巧总结。
1. 正则表达式命名捕获组
在 ES8 中，正则表达式支持命名捕获组，这使得我们可以给捕获的组起一个易于理解的名字，而不是只能使用数字索引。
例如，我们可以使用如下代码来匹配一个日期字符串，并给年、月、日分别命名：
const dateRegex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = dateRegex.exec('2021-05-01');
console.log(match.groups.year); // '2021'
console.log(match.groups.month); // '05'
console.log(match.groups.day); // '01'上述代码中，我们使用了 (?<name>pattern) 的语法来定义命名捕获组，其中 name 是组的名称，pattern 是组所匹配的模式。在匹配时，我们可以通过 match.groups.name 来获取对应组的值。
2. 正则表达式反向断言
在 ES8 中，正则表达式支持反向断言，这使得我们可以在匹配时指定一个前缀或后缀，而不会将其包含在匹配结果中。
例如，我们可以使用如下代码来匹配所有以 http 或 https 开头的 URL，并且只返回 URL 的主机部分：
const urlRegex = /(?<=https?:\/\/)[^/]+/; const urls = [ 'https://www.example.com/path/to/page', 'http://blog.example.com/another-page', 'https://example.net', ]; const hosts = urls.map(url => url.match(urlRegex)[0]); console.log(hosts); // ['www.example.com', 'blog.example.com', 'example.net']
上述代码中，我们使用了 (?<=prefix)pattern 的语法来定义反向断言，其中 prefix 是所要匹配的前缀，pattern 是匹配模式。在匹配时，我们只需要使用 match 方法，并将匹配结果的第一个元素作为 URL 的主机部分即可。
3. 正则表达式 Unicode 属性转义
在 ES8 中，正则表达式支持 Unicode 属性转义，这使得我们可以使用 Unicode 属性来匹配特定字符集。
例如，我们可以使用如下代码来匹配所有汉字：
const chineseRegex = /\p{Script=Han}/u;
const text = '这是一段中文文本';
const matches = text.match(chineseRegex);
console.log(matches); // ['中', '文', '文', '本']上述代码中，我们使用了 \p{property} 的语法来定义 Unicode 属性转义，其中 property 是所要匹配的属性。在匹配时，我们需要在正则表达式的末尾加上 u 标志，以启用 Unicode 模式。
4. 正则表达式 s 标志
在 ES8 中，正则表达式支持 s 标志，这使得 . 可以匹配包括换行符在内的任何字符。
例如，我们可以使用如下代码来匹配多行文本中的所有字符：
const text = '这是\n一段\n多行\n文本'; const regex = /./gs; const matches = text.match(regex); console.log(matches); // ['这', '是', '\n', '一', '段', '\n', '多', '行', '\n', '文', '本']
上述代码中，我们使用了 s 标志来启用 dotAll 模式，使得 . 可以匹配任何字符，包括换行符。在匹配时，我们需要使用 match 方法，并将匹配结果作为数组返回。
总结
ES8 对于正则表达式的更新使得它更加强大和灵活，包括命名捕获组、反向断言、Unicode 属性转义和 s 标志。在实际开发中，我们可以根据需要选择合适的正则表达式技巧，以提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660e0237d10417a222e6712e