在 ES12 中，新增了一个 String.prototype.matchAll() 方法，该方法可以用于在字符串中全局匹配正则表达式，并返回一个迭代器对象，其中包含所有匹配结果的详细信息。这个方法在前端开发中非常实用，可以帮助我们更加方便地处理字符串中的数据。
方法语法
String.prototype.matchAll(regexp)
其中 regexp 为一个正则表达式对象。
返回值
返回一个迭代器对象，其中包含所有匹配结果的详细信息。每个匹配结果都是一个数组，其中第一个元素为匹配的字符串，后面的元素为正则表达式中的捕获组所匹配的字符串。
方法示例
下面我们来看一个具体的例子，假设有一个字符串：
const str = 'Hello, world! This is a test string.';
我们想要从字符串中匹配出所有以字母 T 开头的单词，可以使用正则表达式 /T\w+/g，然后调用 String.prototype.matchAll() 方法：
const regexp = /T\w+/g; const matches = str.matchAll(regexp);
此时 matches 就是一个迭代器对象，我们可以使用 for...of 循环遍历其中的匹配结果：
for (const match of matches) {
console.log(match[0]);
}输出结果为：
This test
其中，match[0] 表示匹配到的字符串。
方法指导意义
String.prototype.matchAll() 方法的引入，使得我们在处理字符串时更加方便。在前端开发中，我们经常需要从字符串中提取数据，例如从 URL 中提取参数，从 HTML 标签中提取属性值等等，这些都可以使用正则表达式和 String.prototype.matchAll() 方法来实现。同时，String.prototype.matchAll() 方法也可以帮助我们更加深入地理解正则表达式的匹配规则和捕获组的使用方法。
总结
String.prototype.matchAll() 方法是 ES12 中新增的一个实用方法，可以用于在字符串中全局匹配正则表达式，并返回一个迭代器对象，其中包含所有匹配结果的详细信息。在前端开发中，我们可以使用这个方法来提取字符串中的数据，同时也可以通过这个方法来深入理解正则表达式的使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656fca01d2f5e1655d82a7bc