通过 ES11 的 String.prototype.matchAll 来解决正则表达式的全局匹配问题
在日常的开发中，正则表达式是我们经常使用到的工具。而对于一些需要全局匹配的场景，最近 ES11 中新增的 String.prototype.matchAll 方法便非常有用。
在此之前，我们需要使用正则表达式的 exec 方法进行全局匹配。然而，由于 exec 是一次次地单独进行匹配，对于匹配次数过多的情况，会导致性能和效率问题。而 matchAll 则能够一次性匹配所有符合条件的字符串，相比于 exec，能够更快地解决大量文本的全局匹配问题。
String.prototype.matchAll 方法
下面我们来介绍一下 String.prototype.matchAll 方法，该方法用于返回一个正则表达式在当前字符串中匹配所有字符的迭代器，实现方式如下：
const matches = string.matchAll(regexp);
此处，string 是需要匹配的字符串，regexp 为正则表达式。
返回结果 matches 是一个迭代器（Iterator）。每次迭代返回一个数组，数组的第一个元素是匹配到的字符串，第二个元素是匹配到的字符位置（index），第三个元素是字符中的子匹配组。
示例
我们来看一个具体的例子，首先，定义一个需要匹配的字符串，如下：
const str = 'Hi, this is a test string. Here are some keywords to match: test, string, and another string.';
然后我们需要匹配其中所有的单词字符串，实现方式如下：
const regExp = /\b\w+\b/g;
for (const match of str.matchAll(regExp)) {
console.log(match[0]);
}在上述代码中，我们定义了一个正则表达式，用于匹配所有的单词字符串。然后，利用 String.prototype.matchAll 方法获取到了所有匹配结果，并通过迭代器输出了每个匹配结果的第一个元素，即匹配到的字符串。
解决正则表达式的全局匹配问题
在很多情况下，我们需要对一段文本中的所有符合条件的字符串进行全局匹配。对于这种情况，matchAll 优于 exec。因为在 matchAll 中，正则表达式仅仅需要在整个字符串中进行一次匹配，而在 exec 中，需要对每次匹配执行一次 regexp.exec，相比之下，matchAll 更能够提高效率。
同时，在需要在循环中使用正则表达式时，matchAll 可以优于 exec，因为 exec 得在循环中反复调用，而在 matchAll 中，只需要通过一次调用，即可匹配所有字符串。
结论
ES11 中新增的 String.prototype.matchAll 方法为正则匹配提供了更便捷和高效的方法，解决了全局匹配效率问题。在编写需要全局匹配的代码时，我们建议优先选择 matchAll 方法代替 exec，以提高代码的效率。
以上是关于 String.prototype.matchAll 方法的详细解释及一些示例。希望这些内容对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673865ed317fbffedf1029a5