使用 ES9 中的 RegExp Lookbehind 匹配模式-JavaScript中文网-JavaScript教程资源分享门户

随着 JavaScript 的不断发展，正则表达式也逐渐成为了前端开发中不可或缺的一部分。而在 ES9 中，新增了 RegExp Lookbehind 匹配模式，这个特性可以让我们更加方便地处理字符串中的匹配问题。

什么是 Lookbehind？

在正则表达式中，Lookbehind 是一种零宽度断言，它可以让我们在匹配字符串时，只匹配某些特定位置前面的内容。这样一来，我们就可以更加灵活地处理字符串中的匹配问题。

在 ES9 中，Lookbehind 可以使用 (?<=...) 的语法来表示，其中 ... 是我们需要匹配的内容。

Lookbehind 的用法

下面我们来看一下 Lookbehind 的具体用法。

匹配前面是某个字符的内容

假设我们有一个字符串，其中包含了一些形如 #foo 的标签，现在我们需要匹配所有标签前面的 # 字符。我们可以使用 Lookbehind 来实现这个功能，代码如下：

const str = 'This is a #foo tag and a #bar tag';
const regex = /(?<=#)\w+/g;

console.log(str.match(regex)); // ['foo', 'bar']

这里我们使用了 (?<=#) 来匹配所有前面是 # 的位置，然后再使用 \w+ 来匹配所有的标签内容。

匹配前面不是某个字符的内容

与 Lookbehind 相对应的还有 Lookahead，它可以让我们在匹配字符串时，只匹配某些特定位置后面的内容。使用 Lookahead 的语法是 (?=...)。

假设我们有一个字符串，其中包含了一些形如 foo 的单词，现在我们需要匹配所有不在单词前面的 a 字符。我们可以使用 Lookahead 来实现这个功能，代码如下：

const str = 'This is a foo and a bar';
const regex = /a(?!.*\b\w+)/g;

console.log(str.match(regex)); // ['a']

这里我们使用了 a(?!.*\b\w+) 来匹配所有不在单词前面的 a 字符，其中 (?!...) 表示否定的 Lookahead，\b 表示单词边界，\w+ 表示匹配一个或多个单词字符。

Lookbehind 的局限性

虽然 Lookbehind 可以让我们更加灵活地处理字符串中的匹配问题，但它也有一些局限性：

Lookbehind 只能匹配固定长度的内容，不能使用量词。
Lookbehind 不支持向前引用。

总结

使用 ES9 中的 RegExp Lookbehind 匹配模式可以让我们更加方便地处理字符串中的匹配问题。它可以让我们在匹配字符串时，只匹配某些特定位置前面的内容，从而更加灵活地处理字符串中的匹配问题。不过需要注意的是，Lookbehind 也有一些局限性，需要根据实际情况来选择是否使用。

示例代码

// javascriptcn.com 代码示例
const str = 'This is a #foo tag and a #bar tag';
const regex = /(?<=#)\w+/g;

console.log(str.match(regex)); // ['foo', 'bar']

const str2 = 'This is a foo and a bar';
const regex2 = /a(?!.*\b\w+)/g;

console.log(str2.match(regex2)); // ['a']

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6576e96dd2f5e1655d06a9c7