ECMAScript 2021 是 JavaScript 最新的标准版本，带来了很多新特性和改进。本文将着重介绍其中一个值得前端开发者关注和学习的新方法——matchAll()。
简介
matchAll() 是一个 String.prototype 上的方法，用于返回一个迭代器，该迭代器包含字符串中与给定正则表达式匹配的所有结果。这个迭代器可以被用于遍历字符串中的每一个匹配。
该方法的返回值是一个迭代器对象，而不是一个数组或类似结构。这意味着，与 match() 或者 matchAll() 不同的是，你不能直接使用索引访问其结果。
用法
matchAll() 方法接受一个正则表达式作为其唯一参数。下面是一个基本的例子：
const sentence = 'The quick brown fox jumps over the lazy dog.';
const regex = /[A-Z]/g;
const found = sentence.matchAll(regex);
console.log(found);
// expected output: RegExpStringIterator {}在上面的例子中，将字符串 sentence 中所有大写字母匹配并遍历。found 将返回一个 RegExpStringIterator 迭代器对象（这个对象是 ECMAScript 2021 新增的 Iterator），包含了所有匹配结果。
接下来，我们可以通过迭代器对象中的 next() 方法遍历 found 变量中的所有匹配结果：
for (const match of found) {
console.log(match);
}
// expected output: ["T"]
// expected output: ["F"]示例
下面是一个更具体的示例，用于展示 matchAll() 如何返回一个包含匹配结果的迭代器对象：
-- -------------------- ---- ------- ----- ---- - ------ ---- --- ----- ------- ----- ----- - --------- ----- ------- - --------------------- --- ------ ----- -- -------- - ------------------- - -- -------- ------- ----- -- -------- ------- -----
在上面的示例中，我们定义了一个包含大写字母的正则表达式。然后，我们使用 matchAll() 方法和这个正则表达式在文本中查找所有匹配项，并将结果存储在一个变量 matches 中。最后，我们使用 for..of 循环遍历迭代器中的每个匹配结果，并将其输出到控制台中。
注意事项
要注意的是，matchAll() 方法在这之前并没有出现在 ECMAScript 中，所以它可能不受所有浏览器的支持。因此，如果你使用它来编写 JavaScript 代码，需要检查浏览器是否支持该方法。
另外，由于 matchAll() 返回的是一个迭代器对象，可能会产生性能问题。如果您遇到了代码中的性能问题，请考虑使用循环来替代迭代器。
结论
在本文中，我们介绍了 ECMAScript 2021 新增的 matchAll() 方法。这个方法为前端开发者提供了一种简单方便地匹配和处理字符串的方式。并且，由于其返回的是一个迭代器对象，它可以避免一次性加载所有匹配结果而导致的性能问题。如果你想学习更多关于 matchAll() 的内容，建议查看 ECMAScript 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677578666d66e0f9aaf8bd1e