在前端开发中，使用正则表达式是很常见的操作。但是在正则表达式全局匹配时，我们可能会遇到一些问题，比如只能匹配到第一个符合条件的字符串，而无法匹配所有符合条件的字符串。在 ECMAScript 2021 版本中，新增了一个新特性，即 String.prototype.matchAll，它能够解决这个问题。
String.prototype.matchAll 的使用方法
String.prototype.matchAll 的使用方法如下：
-----------------------
其中，regexp 是一个正则表达式对象。当我们调用 String.prototype.matchAll 方法时，它会返回一个迭代器。我们可以使用 for...of 循环来遍历这个迭代器，并获取所有符合条件的匹配结果。
String.prototype.matchAll 的返回值
String.prototype.matchAll 方法返回的是一个迭代器，这个迭代器包含了所有符合条件的匹配结果。每个匹配结果都是一个数组，包含了匹配到的全部字符串、捕获组和匹配的位置信息等。
具体来说，每个匹配结果都是一个数组，包含的内容如下：
- 索引值为 0 的元素是匹配到的字符串；
- 索引值为 1 的元素是正则表达式的第一个捕获组匹配到的字符串；
- 索引值为 2 的元素是正则表达式的第二个捕获组匹配到的字符串；
- 索引值为 index 的元素是匹配到的字符串的起始位置；
- 索引值为 input 的元素是原始字符串。
String.prototype.matchAll 的应用示例
下面是一个比较简单的应用示例：
----- --------- - - ----- -- --- ----- -- ----- ---- --- -------- -- ---------- ----- ----- -------- ------- ------------------------- --- -- --- -- ----- ------ - ----------- ------ ----- ------- - --------------------------- --- ------ ----- -- -------- - ------------------- -
上面的代码中，我们先定义了一个字符串 paragraph，然后使用正则表达式 /ECMAScript \d+/g 来匹配这个字符串中所有符合条件的 ECMAScript 版本号。最终，我们使用 for...of 循环来遍历迭代器 matches，并打印出所有匹配结果。
最终的输出结果如下：
------------ ------ ------ --- ------ - ----- -- --- ----- -- ----- ---- --- -------- -- ---------- ----- -- ----- -------- ------- ------------------------- --- -- -----
从上面的输出结果可以看出，每个匹配结果都是一个数组，包含了匹配到的字符串、捕获组和匹配位置信息等。
总结
ECMAScript 2021 中新增的 String.prototype.matchAll 方法能够解决正则表达式全局匹配问题，并且返回的匹配结果包含了更详细的信息。在实际开发中，如果需要使用正则表达式进行全局匹配，可以使用该方法来实现。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65a7756fadd4f0e0ff08fd4b