前言
在 ES11 中，新增了一个非常有用的方法，即 String.prototype.matchAll()，该方法可以用于在字符串中匹配所有满足条件的子串，并返回一个迭代器对象。本文将详细介绍该方法的使用实例及常见问题解决。
使用实例
基本使用
String.prototype.matchAll() 方法的基本语法如下：
string.matchAll(regexp)
其中，string 表示要进行匹配的字符串，regexp 表示正则表达式。该方法返回一个迭代器对象，可以通过 for...of 循环进行遍历，例如：
const str = 'hello world'
const regexp = /\w+/g
const matches = str.matchAll(regexp)
for (const match of matches) {
console.log(match)
}上述代码中，我们定义了一个字符串 str 和一个正则表达式 regexp，然后调用 str.matchAll(regexp) 方法，得到一个迭代器对象 matches，最后通过 for...of 循环遍历该迭代器对象，输出匹配到的所有子串。
获取匹配结果的索引和输入字符串
对于每个匹配结果，我们可以通过 match.index 属性获取它在原字符串中的索引值，通过 match.input 属性获取原字符串。例如：
const str = 'hello world'
const regexp = /\w+/g
const matches = str.matchAll(regexp)
for (const match of matches) {
console.log(match.index, match.input)
}上述代码输出结果为：
0, hello world 6, hello world
匹配具名捕获组
在正则表达式中，我们可以使用具名捕获组来获取匹配结果的一部分。在 String.prototype.matchAll() 方法中，我们可以通过 match.groups 属性获取具名捕获组的匹配结果。例如：
const str = 'hello world'
const regexp = /(?<word>\w+)/g
const matches = str.matchAll(regexp)
for (const match of matches) {
console.log(match.groups.word)
}上述代码输出结果为：
hello world
常见问题解决
兼容性问题
由于 String.prototype.matchAll() 方法是在 ES11 中新增的，因此在一些旧版本的浏览器中可能不被支持。为了解决这个问题，我们可以使用 polyfill 库，例如 core-js。
import 'core-js/features/string/match-all'
上述代码可以在项目入口文件中引入，以确保在旧版本浏览器中也能够使用 String.prototype.matchAll() 方法。
正则表达式缓存问题
在使用 String.prototype.matchAll() 方法时，我们应该尽量避免在循环中多次使用同一个正则表达式，因为每次调用该方法都会创建一个新的正则表达式对象，导致性能下降。为了解决这个问题，我们可以使用正则表达式字面量或者 RegExp 构造函数来定义正则表达式，并将其定义在循环外部，例如：
const regexp = /\w+/g
for (const match of str.matchAll(regexp)) {
console.log(match)
}总结
String.prototype.matchAll() 方法是 ES11 中新增的一个非常有用的方法，它可以用于在字符串中匹配所有满足条件的子串，并返回一个迭代器对象。本文介绍了该方法的使用实例及常见问题解决，希望能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d750331886fbafa4509180