ECMAScript 2020（即 ES11）是 JavaScript 语言的最新版本，于 2020 年 6 月正式发布。这个版本中引入了许多新特性，其中一个值得关注的特性是 String.prototype.matchAll() 方法。本文将介绍该方法的用法、示例和指导意义。
什么是 matchAll() 方法？
matchAll() 方法是 String.prototype 对象的一个新方法，它返回一个迭代器，该迭代器包含了所有符合正则表达式模式的匹配结果。在 ES11 之前，我们只能使用 RegExp.prototype.exec() 方法来逐个匹配字符串中的所有匹配项，而 matchAll() 方法则可以一次性返回所有匹配项。
matchAll() 方法的语法
matchAll() 方法的语法如下：
string.matchAll(regexp)
其中，string 表示要匹配的字符串，regexp 表示要用来匹配字符串的正则表达式。返回值是一个迭代器，可以使用 for...of 循环来遍历匹配结果。
matchAll() 方法的示例
下面是一个使用 matchAll() 方法的示例：
const str = 'hello world';
const regex = /l/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
}输出结果如下：
["l", index: 2, input: "hello world", groups: undefined] ["l", index: 3, input: "hello world", groups: undefined]
上面的代码中，我们定义了一个字符串 str 和一个正则表达式 regex，并使用 matchAll() 方法来匹配字符串中的所有 l 字符。最后，我们使用 for...of 循环遍历匹配结果，并打印每个匹配项。
matchAll() 方法的指导意义
matchAll() 方法的出现，使得我们能够更加方便地处理字符串中的匹配项。与 RegExp.prototype.exec() 方法相比，matchAll() 方法的代码更加简洁，而且不需要手动设置 lastIndex 属性。此外，使用 matchAll() 方法还可以避免一些常见的错误，比如忘记设置 global 标志或者忘记重置 lastIndex 属性等。
但是需要注意的是，matchAll() 方法返回的是一个迭代器，而不是数组。如果需要将匹配结果转换为数组，可以使用 Array.from() 方法或者扩展运算符 ...。
const str = 'hello world'; const regex = /l/g; const matches = Array.from(str.matchAll(regex)); const matches2 = [...str.matchAll(regex)];
总结
本文介绍了 ES11 中的新特性 matchAll() 方法，该方法可以一次性返回字符串中所有符合正则表达式模式的匹配项。我们还介绍了该方法的语法、示例和指导意义。使用 matchAll() 方法可以使代码更加简洁、易读和可维护，但需要注意的是它返回的是一个迭代器，需要使用 for...of 循环来遍历匹配结果。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/660a7cd7d10417a222a15da5