在编写 JavaScript 代码的过程中，字符串处理是一个非常重要的部分，而字符串的正则表达式匹配是其中的一个核心问题。ECMAScript 2021 (ES12) 中新增了一个非常有用的方法：String.prototype.matchAll()。
什么是 String.prototype.matchAll 方法？
String.prototype.matchAll() 方法接收一个正则表达式作为参数，在一个字符串中搜索所有匹配该正则表达式的子字符串，并返回一个迭代器。在迭代器中，可以访问每个匹配项以及其位置信息。
这个方法解决了在 ES6 中 String.prototype.match() 方法存在的全局匹配问题，而且还提供了更丰富的信息。
String.prototype.matchAll 方法的语法
String.prototype.matchAll() 方法的语法如下：
string.matchAll(regexp)
其中，string 是要搜索的字符串，regexp 是要匹配的正则表达式。
String.prototype.matchAll 方法的返回值
String.prototype.matchAll() 方法返回一个迭代器对象，可以通过 for...of 循环遍历迭代器来访问每个匹配项。
迭代器对象的每个元素都是一个数组，第一个元素是匹配到的字符串，后面的元素是位置信息和捕获组的数据。详细的位置信息可以使用 index 和 input 属性访问。
String.prototype.matchAll 方法的示例
下面是一个使用 String.prototype.matchAll() 方法的示例代码：
const str = 'javascript is the best language in the world'
const regexp = /\w+/g
const matches = str.matchAll(regexp)
for (const match of matches) {
console.log(`Matched ${match[0]} at position ${match.index}`)
}代码输出如下：
Matched javascript at position 0 Matched is at position 11 Matched the at position 14 Matched best at position 18 Matched language at position 23 Matched in at position 32 Matched the at position 35 Matched world at position 39
从输出可以看出，我们成功地匹配了字符串中的每个单词，并得到了位置信息。在实际的开发中，我们可以使用这个方法来解析数据、去重数据等等。
String.prototype.matchAll 方法的注意事项
使用 String.prototype.matchAll() 方法时需要注意以下几点：
- 正则表达式需要使用全局标志（
g），否则方法无法正确解析全部匹配项。 String.prototype.matchAll()方法返回的迭代器对象是惰性的，需要使用for...of循环来迭代，否则迭代器不会工作。- 迭代器对象一旦被遍历完成，就不能再次使用，必须重新调用方法才能再次获得迭代器。
总结
String.prototype.matchAll() 方法是 ECMAScript 2021 中非常重要的一个新增方法，它解决了在 ES6 中 String.prototype.match() 方法存在的全局匹配问题，并提供了更丰富的匹配信息。在实际的开发中，我们可以使用这个方法来解析数据、去重数据等等。对于字符串操作的开发者来说，String.prototype.matchAll() 方法是一个非常实用的工具，是值得学习和掌握的技能。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652ca0787d4982a6ebe45c49