在前端开发中，正则表达式是十分常见的一种工具。使用正则表达式可以有效地处理字符串，包括匹配、查找、替换等操作。而在 ES11 中，String 对象新增了一个方法 String.prototype.matchAll()，它可以更加完善地处理正则匹配的困境，让前端开发更加便捷。
String.prototype.matchAll() 方法的介绍
String.prototype.matchAll() 方法是在 JavaScript ES11 中新增的，它返回一个迭代器 Iterator，该迭代器包含了所有与正则表达式匹配的子字符串。该方法接受一个正则表达式作为参数，并对该字符串进行匹配。
该方法的基本语法如下所示：
--- ----- - --- -------------- --- ------ - --------- --- ------ - -----------------------
其中，regex 是需要匹配的正则表达式，string 是需要进行匹配的字符串，result 是运行 matchAll 方法后所得到的迭代器对象。
matchAll 方法的返回值
matchAll 方法返回的是一个迭代器对象，该对象包含了所有与正则表达式匹配的子字符串。这些子字符串以数组形式存储在迭代器对象中，每个子字符串都是一个数组元素。
迭代器对象中的每个元素都是一个数组，该数组包含了正则表达式匹配到的子字符串、该子字符串的位置信息等。
下面是一个例子，用于说明 matchAll 方法返回的迭代器对象中的每个元素的具体内容：
--- ----- - ----------------- --- ------ - ------------- --- ------- - ----------------------- --- ---- ----- -- -------- - ------------------- -
运行上面的代码会输出如下结果：
--------- ---- ------ ---- ------ -- ------ ------------- ------- ---------- --------- ---- ------ ---- ------ -- ------ ------------- ------- ----------
结果中可以看到，每个元素都是一个数组，该数组包含了正则表达式匹配到的子字符串、该子字符串的位置信息等。
matchAll 方法的使用示例
下面是一个简单的示例，说明如何使用 matchAll 方法来匹配字符串并输出结果：
--- ----- - ----------------- --- ------ - ------------- --- ------- - ----------------------- --- ---- ----- -- -------- - ------------------ ------ ----------- -- -------- ----------------- ----------------- ------ -------------- -------------------- -------------------- -
运行上面的代码会输出如下结果：
----- ------ ----- -- -------- - ---- ------ ----- ------- ------- ----- ------ ----- -- -------- - ---- ------ ----- ------- -------
总结
String.prototype.matchAll() 方法是 ES11 中新增的方法，用于更加完善地处理正则匹配的困境。该方法返回的是一个迭代器对象，该对象包含了所有与正则表达式匹配的子字符串，以数组形式存储。每个元素都是一个数组，该数组包含了正则表达式匹配到的子字符串、该子字符串的位置信息等。
在前端开发中，使用 matchAll 方法可以更加方便快捷地处理字符串，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6501492d95b1f8cacdf09787