在 ECMAScript 2020 中，新增了一个 String.prototype.matchAll() 方法，这个方法可以从字符串中匹配所有符合正则表达式的字符串，并返回一个迭代器，包含每个匹配的详细信息。本文将详细介绍 String.prototype.matchAll() 的基本用法、返回值和相关示例。
基本用法
String.prototype.matchAll() 方法接受一个正则表达式作为参数，并针对每个匹配结果返回一个迭代器，迭代器包含一个数组，包含匹配的字符串和相关的详细信息。
语法如下：
str.matchAll(regexp)
str：要被匹配的字符串。regexp：正则表达式，用于匹配字符串。
返回值
String.prototype.matchAll() 方法返回一个迭代器，迭代器可以用于遍历所有的匹配项。每个匹配项都是一个由正则表达式捕获组成的数组。捕获到的数组中包含了完整的匹配项信息，下标为0的元素为完整匹配的字符串，下标为1的元素是第一个捕获子组的匹配字符串，下标为2、3……的元素分别是第二、第三、……个捕获子组的匹配字符串。
如果匹配失败，返回的迭代器是空的。如果 regexp 没有开启全局匹配模式 (g)，String.prototype.matchAll() 方法返回的迭代器只包含第一项匹配。
示例代码
下面是 String.prototype.matchAll() 方法的一个简单示例。
const str = 'This is a test string, a dummy sentence.';
const regexp = /(\w+)\s/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match[1]);
}上面的例子中，给出了一个要被匹配的字符串 str，还有一个正则表达式 regexp。regexp 匹配了字符串中所有的单词，而 matchAll() 返回的迭代器被用来遍历每个匹配项，并提取每个匹配到的单词。最终，控制台输出结果如下：
This is a test string a dummy sentence
可以看到，迭代器成功地返回了 String.prototype.matchAll() 方法匹配到的所有单词。
注意事项
- String.prototype.matchAll() 方法在大多数现代浏览器中已经得到了支持，但在部分较旧的浏览器中不支持，需要使用 polyfill 进行兼容。
- 由于 String.prototype.matchAll() 方法返回的是一个迭代器，可以使用 ES6 的 generator 从迭代器中读取值。
- String.prototype.matchAll() 方法匹配的是全局范围内的字符串，如果开启了全局匹配模式 (g)，它会匹配整个字符串，否则仅匹配第一个匹配项。
- 当使用 String.prototype.matchAll() 方法匹配字符串时，要注意捕获组的顺序和名称，以确保能够正常地提取每个捕获组中的值。
总结
本文介绍了 ECMAScript 2020 中的 String.prototype.matchAll() 方法，并给出了相关示例代码。通过了解 String.prototype.matchAll() 方法的基本使用和返回值，开发者可以更方便地从字符串中提取自己需要的数据，提高开发效率。同时，需要注意 String.prototype.matchAll() 方法的兼容性和使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649d87a448841e9894a43969