在前端开发中，正则表达式是十分常见的一种工具。使用正则表达式可以有效地处理字符串，包括匹配、查找、替换等操作。而在 ES11 中，String 对象新增了一个方法 String.prototype.matchAll()，它可以更加完善地处理正则匹配的困境，让前端开发更加便捷。
String.prototype.matchAll() 方法的介绍
String.prototype.matchAll() 方法是在 JavaScript ES11 中新增的，它返回一个迭代器 Iterator，该迭代器包含了所有与正则表达式匹配的子字符串。该方法接受一个正则表达式作为参数，并对该字符串进行匹配。
该方法的基本语法如下所示：
let regex = new RegExp('reg');
let string = 'string';
let result = string.matchAll(regex);其中，regex 是需要匹配的正则表达式，string 是需要进行匹配的字符串，result 是运行 matchAll 方法后所得到的迭代器对象。
matchAll 方法的返回值
matchAll 方法返回的是一个迭代器对象，该对象包含了所有与正则表达式匹配的子字符串。这些子字符串以数组形式存储在迭代器对象中，每个子字符串都是一个数组元素。
迭代器对象中的每个元素都是一个数组，该数组包含了正则表达式匹配到的子字符串、该子字符串的位置信息等。
下面是一个例子，用于说明 matchAll 方法返回的迭代器对象中的每个元素的具体内容：
let regex = /t(e)(st(\d?))/g;
let string = 'test1test2';
let matches = string.matchAll(regex);
for (let match of matches) {
console.log(match);
}运行上面的代码会输出如下结果：
["test1", "e", "st1", "1", index: 0, input: "test1test2", groups: undefined] ["test2", "e", "st2", "2", index: 5, input: "test1test2", groups: undefined]
结果中可以看到，每个元素都是一个数组，该数组包含了正则表达式匹配到的子字符串、该子字符串的位置信息等。
matchAll 方法的使用示例
下面是一个简单的示例，说明如何使用 matchAll 方法来匹配字符串并输出结果：
-- -------------------- ---- ------- --- ----- - ----------------- --- ------ - ------------- --- ------- - ----------------------- --- ---- ----- -- -------- - ------------------ ------ ----------- -- -------- ----------------- ----------------- ------ -------------- -------------------- -------------------- -
运行上面的代码会输出如下结果：
Match found: test1 at position 0 Full match: test1 Groups: e,st1,1 Match found: test2 at position 5 Full match: test2 Groups: e,st2,2
总结
String.prototype.matchAll() 方法是 ES11 中新增的方法，用于更加完善地处理正则匹配的困境。该方法返回的是一个迭代器对象，该对象包含了所有与正则表达式匹配的子字符串，以数组形式存储。每个元素都是一个数组，该数组包含了正则表达式匹配到的子字符串、该子字符串的位置信息等。
在前端开发中，使用 matchAll 方法可以更加方便快捷地处理字符串，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6501492d95b1f8cacdf09787