正则表达式作为一项常用的编程技术，在前端开发中也发挥着非常重要的作用。而随着 ECMAScript 2018 的发布，正则表达式相关的功能也得到了进一步的升级和改善。在本文中，我们将深入探讨 ECMAScript 2018 的正则表达式新特性，并为大家提供一些实用的应用指导。
1. s 标志符
在正则表达式中，. 表示匹配除了换行符之外的任意字符。而在 ECMAScript 2018 中，新增了 s 标志符，它可以使 . 匹配包括换行符在内的任意字符。
例如，如果我们想要匹配一个跨越多行的字符串，可以使用如下的正则表达式：
const str = `Hello World`; const reg = /Hello.+/s; console.log(str.match(reg)); // 输出 [ 'Hello \nWorld', index: 0, input: 'Hello \nWorld', groups: undefined ]
可以看到，在这个例子中，我们使用了 s 标志符，使 . 匹配了包括换行符在内的所有字符。如果没有使用标志符 s，正则表达式将只会匹配到 "Hello "。
2. 向前肯定断言和向前否定断言
断言是一种零宽度匹配，它不会匹配到实际的字符，但可以在匹配前进行限制和判断。在 ECMAScript 2018 中，新增了向前肯定断言和向前否定断言两种类型的断言。
2.1. 向前肯定断言
向前肯定断言使用 (?=...) 的形式，在断言位置后面匹配到括号内的任意表达式。例如：
const str = 'abc123'; const reg = /\d+(?=abc)/; console.log(str.match(reg)); // 输出 ['123']
在这个例子中，我们使用了向前肯定断言 (?=abc)，它规定在匹配到数字之后，必须匹配到一个 abc 才算匹配成功。因此，上述代码只会返回数字 123。
2.2. 向前否定断言
向前否定断言使用 (?!...) 的形式，与向前肯定断言相反，在断言位置后面禁止匹配到括号内的任意表达式。例如：
const str = 'abc123'; const reg = /\d+(?!def)/; console.log(str.match(reg)); // 输出 ['123']
在这个例子中，我们使用了向前否定断言 (?!def)，它规定在匹配到数字之后，不能匹配到字符串 def 才算匹配成功。因此，上述代码只会返回数字 123。
3. 反向断言
除了向前的断言之外，在 ECMAScript 2018 中还新增了一种反向的断言形式，即向后肯定断言和向后否定断言。
3.1. 向后肯定断言
向后肯定断言使用 (?<=...) 的形式，在断言位置之前匹配到括号内的任意表达式。例如：
const str = 'abc123'; const reg = /(?<=abc)\d+/; console.log(str.match(reg)); // 输出 ['123']
在这个例子中，我们使用了向后肯定断言 (?<=abc)，它规定在匹配到数字之前，必须匹配到一个 abc 才算匹配成功。因此，上述代码只会返回数字 123。
3.2. 向后否定断言
向后否定断言使用 (?<!...) 的形式，与向后肯定断言相反，在断言位置之前禁止匹配到括号内的任意表达式。例如：
const str = 'abc123'; const reg = /(?<!def)\d+/; console.log(str.match(reg)); // 输出 ['123']
在这个例子中，我们使用了向后否定断言 (?<!def)，它规定在匹配到数字之前，不能匹配到字符串 def 才算匹配成功。因此，上述代码只会返回数字 123。
4. 其他新特性
除了上述比较重要的断言新特性之外，ECMAScript 2018 还增加了一些其他的正则表达式相关特性，例如：
4.1. s 标志符的 dotAll 选项
s 标志符中 dotAll 选项可以更改 . 的行为，使它可以匹配任意单个字符（包括新行符 \n）。
const str = `Hello World`; const reg = /Hello.+/s; console.log(str.match(reg)); // 输出 [ 'Hello \nWorld', index: 0, input: 'Hello \nWorld', groups: undefined ]
4.2. 命名捕获组
命名捕获组允许开发者给正则表达式的子表达式添加名称，便于使用和调用。
const str = '2018-09-10';
const reg = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = str.match(reg);
console.log(match.groups.year); // 输出 '2018'
console.log(match.groups.month); // 输出 '09'
console.log(match.groups.day); // 输出 '10'4.3. Unicode 属性转义
Unicode 属性转义允许使用 \p{} 和 \P{} 语法，匹配符合某些 Unicode 属性或不符合某些 Unicode 属性的内容。
const str = 'Hello World';
const reg = /\p{L}/gu;
console.log(str.match(reg)); // 输出 ['H', 'e', 'l', 'l', 'o', 'W', 'o', 'r', 'l', 'd']总结
通过本文的阐述，我们对 ECMAScript 2018 的正则表达式新特性有了更详细和深入的了解。这些新特性不仅可以帮助我们更加高效地编写正则表达式，也给我们带来了更多解决问题的工具。在实际开发中，要多加应用和尝试，以便更好地发挥正则表达式的作用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6656d2c1d3423812e4bd0e61