分享 ECMAScript 2019 正则表达式新特性，因为这将提高你的工作效率！-JavaScript中文网-JavaScript教程资源分享门户

随着前端技术的发展，正则表达式在我们的工作中扮演着越来越重要的角色。ECMAScript 2019 对正则表达式的改进使其变得更加强大和灵活。在本文中，我们将分享 ECMAScript 2019 的正则表达式新特性，并提供示例代码来帮助您更好地理解这些特性。

? 和 ?=(regexp)

这两个新特性将命名捕获组引入了正则表达式。命名捕获组使您可以使用名称来引用组，而不仅仅是其组号。例如，在旧版本的 ECMAScript 中，您可以使用以下正则表达式来匹配一个字符串中的日期：

const regex = /(\d{4})-(\d{2})-(\d{2})/;
const [full, year, month, day] = regex.exec('2022-12-31');
console.log(full, year, month, day); // "2022-12-31", "2022", "12", "31"

在新版本的 ECMAScript 中，您可以使用命名捕获组为组命名，并将命名组引用添加到正则表达式中。例如，要为组添加名称，请使用 ?<name> 语法：

const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const { groups: { year, month, day } } = regex.exec('2022-12-31');
console.log(year, month, day); // "2022", "12", "31"

您还可以将带有命名捕获组的正则表达式作为参数传递给 replace() 函数：

const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = '2022-12-31'.replace(regex, '$<month>/$<day>/$<year>');
console.log(result); // "12/31/2022"

s 修饰符

在旧版本的 ECMAScript 中，. 代表除换行符之外的任何字符。但是，这可能会导致正则表达式无法匹配多行文本。因此，ECMAScript 2019 添加了 s 修饰符，使 . 匹配所有字符，包括换行符：

const regex = /hello.world/s;
console.log(regex.test('hello\nworld')); // true

后行断言

在旧版本的 ECMAScript 中，我们可以使用前行断言（(?=)）和负前行断言（(?!.)）来限定匹配正则表达式的位置。但是，我们无法使用断言来限定匹配位置之后的内容。后行断言（(?<=)）和负后行断言（(?<!.)）是 ECMAScript 2019 中的新特性，使您可以限制正则表达式的匹配位置之后的内容：

const regex = /(?<=welcome )World/;
console.log(regex.test('welcome World')); // true

RegExp 构造函数的增强

ECMAScript 2019 对 RegExp 构造函数进行了改进，使其更加强大。您现在可以为正则表达式指定 flags 参数，该参数用于指定修饰符。例如：

const regex = new RegExp('hello.world', 's');
console.log(regex.test('hello\nworld')); // true

您还可以将 RegExp 构造函数转换为模板字符串形式，以使代码更加易读和简洁：

const regex = new RegExp(`(?<=welcome )World`);
console.log(regex.test('welcome World')); // true

结论

ECMAScript 2019 的正则表达式改进使其更加强大和灵活。通过使用命名捕获组、s 修饰符、后行断言和 RegExp 构造函数的增强，您可以更轻松地编写复杂的正则表达式，并更快地解决问题。希望本篇文章对您学习正则表达式有所帮助！

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