在 ECMAScript 2021 中，出现了一个新的 API：String.prototype.matchAll。它是 String.prototype.match 的高级版本，能够更加方便地进行字符串匹配操作。同时，使用它可以提升程序性能，并且能够更加透彻地理解字符串匹配的概念。
本文将从以下几点详细讲解这个新 API：
- 什么是 String.prototype.matchAll？
- 为什么需要 String.prototype.matchAll？
- 如何使用 String.prototype.matchAll？
- 示例代码
什么是 String.prototype.matchAll？
String.prototype.matchAll 是 ECMAScript 2021 标准中新增的一个字符串方法，它可以在一个字符串中搜索所有与正则表达式匹配的子字符串，并返回一个迭代器。和 String.prototype.match 不同的是，matchAll 返回的是一个迭代器而不是一个数组。
String.prototype.matchAll 的返回值中每个元素都是一个匹配结果，包括匹配到的文本子串、匹配到的子串的起始索引和正则的捕获组。
为什么需要 String.prototype.matchAll？
使用 String.prototype.matchAll 可以更方便地遍历所有的匹配结果。具体来说，matchAll 返回一个迭代器对象，可以从头到尾遍历所有的结果。而 match 返回的是一个数组，需要进行循环遍历每一个结果。遍历数组的方式不仅容易出错，还可能存在性能问题，因为它需要将所有结果都存储在内存中。
除此之外，使用 matchAll 还能够更好地实现对匹配结果的深入理解。它提供了匹配子串的详细信息，比如文本子串和捕获组，能够让我们更加准确地对其进行处理。
如何使用 String.prototype.matchAll？
String.prototype.matchAll 的使用非常简单。只需要将正则表达式作为参数传入即可。下面是它的语法：
str.matchAll(regexp);
其中，regexp 是要搜索的正则表达式。如果没有匹配结果，则返回 null。
需要注意的是，matchAll 返回的是一个迭代器对象。如果需要获取匹配结果，则需要使用 for...of 循环遍历它。下面是一个示例代码：
-- -------------------- ---- ------- ----- --- - ---- ----- ----- --- ----- ---- --- ---- ------ ----- ------ - ---------- ----- -------- - --------------------- --- ------ ----- -- --------- - ------------------- -
上述示例代码中，我们将一个字符串和一个正则表达式作为参数传递给 matchAll，返回了一个迭代器。然后，我们使用 for...of 循环遍历，将每个匹配结果打印输出。
示例代码
下面是另一个例子，使用 String.prototype.matchAll 和 for...of 循环来查找所有的 URL。
-- -------------------- ---- ------- ----- --- - - ---- -- - ------ ---- ---- ---- ----- ---------------------- ------------------------ ------------------- -- ----- -------- - --------------------- --- ------ ----- -- ----------------------- - ---------------------- -
上述示例代码中，我们用一个正则表达式来匹配字符串中的 URL。然后，我们使用 for...of 循环遍历 matchAll 迭代器返回的所有匹配结果，并将匹配的 URL 打印输出。
通过上述示例代码，我们可以看到使用 String.prototype.matchAll 可以遍历所有的匹配结果，而不需要像 match 一样循环逐个遍历数组。并且同样地，matchAll 返回的结果中还包括匹配到的文本子串和捕获组的信息，这些信息可以帮助我们更加详细地理解和处理匹配结果。
总结
在 ECMAScript 2021 标准中，新增加了一个字符串方法 String.prototype.matchAll。相较于 match 方法，matchAll 返回的是一个迭代器对象，可以方便地遍历所有的匹配结果，避免了使用循环遍历数组的方式。并且 matchAll 还提供了匹配结果的详细信息，包括匹配到的子串和捕获组。对于字符串匹配操作，使用 String.prototype.matchAll 可以更加方便、高效、准确。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cc667e5ad90b6d0427e7b5