ECMAScript 2017: 正则表达式的更新-JavaScript中文网-JavaScript教程资源分享门户

正则表达式是前端开发中十分重要的一部分，是处理文本的强大工具，能够帮助我们在字符串中定位和匹配特定的模式。在 ECMAScript 2017 中，正则表达式得到了一些重要的更新，这篇文章将会详细介绍这些更新的特性和使用方法。

修饰符 y 和 s

在 ECMAScript 2015 中，正则表达式已经引入了修饰符“u”，支持 Unicode 字符的匹配，这也是一个重要的改进。在 ECMAScript 2017 中，正则表达式又得到了两个新的修饰符："y" 和 "s"。

修饰符 y "sticky" 表示从上一次匹配的结束位置处继续查找，并且只匹配从该位置开始的字符串。这与修饰符 g "global" 不同，后者匹配整个字符串，而前者只匹配第一个匹配的位置之后的字符串。如果想要多次匹配字符串，可以使用 "y" 修饰符。

示例代码：

// javascriptcn.com 代码示例
const str = "regex is a powerful tool for web development.";

// 使用 "y" 和 "g" 修饰符进行匹配
const rgxY = /el/y;
const rgxG = /el/g;

console.log(rgxY.exec(str)); // ["el", index: 7, input: "regex is a powerful tool for web development."]
console.log(rgxG.exec(str)); // ["el", index: 7, input: "regex is a powerful tool for web development."]

console.log(rgxY.exec(str)); // ["el", index: 37, input: "regex is a powerful tool for web development."]
console.log(rgxG.exec(str)); // ["el", index: 40, input: "regex is a powerful tool for web development."]

修饰符 s "dotAll" 表示正则表达式中的点号 "." 匹配任意字符，包括换行符。这与默认的模式不同，如果要在字符串中匹配包含换行符的多行内容，需要使用 "s" 修饰符。

示例代码：

// javascriptcn.com 代码示例
const str = "multiline\nstring\nwith\nnew\nlines.";

// 使用默认模式匹配不到换行符
const rgx1 = /i.*/;
console.log(rgx1.exec(str)); // ["ine", index: 3, input: "multiline\nstring\nwith\nnew\nlines."]

// 使用 "s" 修饰符可以匹配包含换行符的多行内容
const rgx2 = /i.*/s;
console.log(rgx2.exec(str)); // ["ine\nstring\nwith\nnew\nlines.", index: 3, input: "multiline\nstring\nwith\nnew\nlines."]

新的断言语法

在 ECMAScript 2017 中，还引入了新的断言语法 "?<=" 和 "?<!" 用于正则表达式的匹配。这两个断言都属于"先行断言"，表示当前位置之前或之后的字符需要满足特定的条件。

"?<=" 表示当前位置之前的字符需要和特定的模式匹配，例如我们可以使用它来匹配前后都是数字的字符串。

示例代码：

const str = "123456abc";

const rgx1 = /\d+(?=[a-z])/;
console.log(rgx1.exec(str)); // ["123456", index: 0, input: "123456abc"]

const rgx2 = /\d+(?<=[0-9])/;
console.log(rgx2.exec(str)); // ["123456", index: 0, input: "123456abc"]

"?<!" 表示当前位置之前的字符需要不匹配特定的模式，例如我们可以使用它来匹配前后都不是数字的字符串。

示例代码：

const str = "abc123456";

const rgx1 = /[a-z]+(?![0-9])/;
console.log(rgx1.exec(str)); // ["abc", index: 0, input: "abc123456"]

const rgx2 = /(?<![0-9])[a-z]+/;
console.log(rgx2.exec(str)); // ["abc", index: 0, input: "abc123456"]

总结

在 ECMAScript 2017 中，正则表达式得到了一些重要的更新，包括修饰符 "y" 和 "s"，以及新的断言语法 "?<=" 和 "?<!”。这些特性使得正则表达式在处理字符串方面更加强大可靠，为前端开发提供了更多工具和可能性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64fa3a26f6b2d6eab3152b55