ES9 正则表达式扩展让你更精确匹配目标字符串-JavaScript中文网-JavaScript教程资源分享门户

ES9 正则表达式扩展让你更精确匹配目标字符串

正则表达式是前端工程师常用的技能之一，它可以帮助我们在字符串中快速应用模式匹配。而 ES9 的正则表达式扩展更是让我们在匹配目标字符串方面更精确，下面就来详细介绍一下。

一、dotAll 标志符

在正则表达式中，“.” 表示匹配除换行符之外的任何单个字符。但是对于复杂的文本匹配，换行符的处理可能会引起问题。

在 ES9 中，我们可以使用新的标志符 “s” 来匹配包括换行符在内的任何单个字符。具体用法如下：

const str = "hello\nworld";
const regex = /hello.world/s;
const result = regex.test(str);
console.log(result);

在上面的例子中，“/s” 表示 dotAll 标志符，使得 “.” 可以匹配包括换行符在内的任何单个字符。因此，输出结果是 true。

二、named capture groups

在以前的正则表达式版本中，我们可以使用分组来捕获某些特定部分的匹配结果。但是当捕获一组匹配结果时，我们需要手动统计匹配索引位置，这样可能导致代码变得冗长且难以阅读。

在 ES9 中，我们可以使用括号来命名捕获组，用“?<name>”来为命名组设置名称，具体如下：

const str = "2019-07-01";
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = regex.exec(str);
console.log(result.groups.year, result.groups.month, result.groups.day);

在上面的例子中，通过命名捕获组，“?<year>” 可以将匹配结果命名为 year，通过 result.groups 来获取匹配结果。

三、lookbehind 和 negative lookbehind 断言

在正则表达式中，我们经常用到 lookahead 和 negative lookahead 断言来判断一个字符串后面是否满足某种匹配，或者不满足某种匹配，这对于一些特殊场景非常有用。

ES9 中引入了两种新的断言：lookbehind 和 negative lookbehind，可以让正则表达式匹配字符串前面的内容，实现更加精确的匹配。

lookbehind 断言

lookbehind 断言的写法为“?<=”，表示匹配前面是某个模式的内容。例如下面例子中，匹配前面是一个单词的“空格+元音字母”：

const str = "hello world";
const regex = /(?<=\b)[aeiou]/;
const result = regex.exec(str);
console.log(result);

在上面的例子中，匹配结果是 “o”。

negative lookbehind 断言

negative lookbehind 断言的写法为“?<!”，表示匹配前面不满足某个模式的内容。例如下面例子中，不匹配前面是小写字母 “c” 的元音字母：

const str = "hello";
const regex = /(?<!c)[aeiou]/;
const result = regex.exec(str);
console.log(result);

在上面的例子中，匹配结果是 “e”。

总结

ES9 中的正则表达式扩展为我们带来了更多精确匹配目标字符串的工具，如 dotAll 标志符、命名捕获组，以及 lookbehind 和 negative lookbehind 断言。在使用中，合理利用这些工具可以让我们更加高效地处理文本匹配。

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