在前端开发中，经常需要对字符串进行各种操作，比如匹配特定的字符或者字符串。ES6 中提供了 String.prototype.match() 方法，用于返回字符串中与正则表达式匹配的内容。但是，这个方法只能返回第一个匹配项，无法返回所有匹配项。ES12 中新增了 String.prototype.matchAll() 方法，它可以解决这个问题，从而更加强大地匹配字符串。
String.prototype.matchAll() 方法的使用
String.prototype.matchAll() 方法，用于返回字符串中所有与正则表达式匹配的内容。和 String.prototype.match() 方法类似，它接收一个正则表达式作为参数，并返回一个迭代器，可以遍历所有的匹配项。
String.prototype.matchAll() 方法的使用实例如下：
-- -------------------- ---- ------- ----- --- - ------ ------- -- ------------- ----- --- - ----- ----- ------- - ------------------ -- ------- --- ------ ----- -- -------- - ------------------- -
运行上述代码，会输出：
-- -------------------- ---- ------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- -- -- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ -- ------ ------ ------- ------- ---------- ----- ------ --- ------ ------ ------- ------- ----------
可以看到，String.prototype.matchAll() 方法返回了一个迭代器，可以遍历出字符串中所有的字符。
String.prototype.matchAll() 方法的返回值
String.prototype.matchAll() 方法返回的迭代器，可以遍历所有的匹配项。每个匹配项都是一个数组，包含以下内容：
- 匹配的字符或字符串。
- 每个匹配项在字符串中的下标位置。
- 匹配项所属的字符串。
以及可选的，如果正则表达式中有捕获分组，则还包含每个分组的值。
String.prototype.matchAll() 方法的指导意义
String.prototype.matchAll() 方法解决了 String.prototype.match() 方法只能返回第一个匹配项的问题，从而可以方便地遍历出所有的匹配项。在实际开发过程中，这个方法可以用于处理各种字符串匹配需求。
例如，在一个文本编辑器中，可以使用 String.prototype.matchAll() 方法找到所有的 Markdown 格式标题。或者，可以用它来统计字符串中某个字符或字符串出现的次数。
同时，在学习正则表达式时，这个方法也非常有用。可以通过使用 String.prototype.matchAll() 方法，找到正则表达式中各种模式的匹配项。对于初学者来说，这是一个非常好的练习方式。
总结
String.prototype.matchAll() 方法是 ES12 中新增的方法，用于返回字符串中所有与正则表达式匹配的内容。它返回一个迭代器，可以遍历所有的匹配项。在实际开发中，这个方法可以用于处理各种字符串匹配需求。同时，这个方法也非常有用，可以通过使用它来学习正则表达式。
以上就是 String.prototype.matchAll() 方法的详细介绍和使用方法，希望能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648e4fd648841e9894caa348