在 ES10 中，新增了 RegExp.prototype [@@matchAll] 方法，它可以简化对正则表达式的操作，提供更加便捷的处理方式。
什么是 [@@matchAll] 方法
[@@matchAll] 方法是用于全局匹配字符串的新方法，它是在 RegExp.prototype 对象上定义的，可以接受正则表达式作为参数。
该方法返回一个类数组对象，其中包含与正则表达式匹配的所有结果。每个结果都是一个包含匹配内容及其索引、源字符串等信息的数组。
[@@matchAll] 方法的用法
[@@matchAll] 方法的用法与其他正则表达式方法非常相似。例如：
const str = 'hello world';
const regex = /l/g;
const matches = str.matchAll(regex);
// 返回一个包含两个结果的数组
for (const match of matches) {
console.log(match);
}上面的示例代码使用正则表达式 /l/g 在字符串中全局搜索出所有包含 'l' 字母的位置，并输出结果。其中，str.matchAll(regex) 返回一个包含所有结果的类数组对象 matches，使用 for...of 循环来遍历这个对象中所有的结果。
示例代码
以下是一个更加详细的示例，展示了如何使用 @@matchAll 方法来提取出一个 HTML 页面中所有的链接，同时输出链接的文本和 URL。
-- -------------------- ---- -------
--------- -----
------
------
------ ----------
----
------ ---------------------------------------------
------ -------------------------------------------
------ -------------------------------------------
-----
--------
----- ---- - -----------------------------------------
----- ----- - ---------------------------------------------------
----- ------- - ---------------------
--- ------ ----- -- -------- -
----- -- ---- ----- - ------
----------------- ----- ------- ---- ---------
-
---------
-------
-------上面的示例代码使用正则表达式 /<a\s+(?:[^>]?\s+)?href="([^"])".?>(.?)</a>/g 来匹配 HTML 页面中所有的链接。它会返回一个包含所有结果的类数组对象 matches，使用 for...of 循环来遍历这个对象中所有的结果。结果中包含两个捕获组，第一个捕获组表示链接的 URL 地址，第二个捕获组表示链接的文本内容。使用解构赋值将这两个捕获组分别赋值给 url 和 text 变量，然后输出它们的值。
结论
ES10 中新增的 RegExp.prototype [@@matchAll] 方法，提供了一个方便快捷的方式来全局匹配字符串。它非常适合在需要处理正则表达式的场景中使用，可以大幅简化代码实现的难度和复杂度。希望这篇文章对你有所帮助，也欢迎留下你的意见和想法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674abec6a1ce006354a422c8