在 ECMAScript 2020 中，新增了一个非常实用的语法：matchAll。它可以对一个字符串中的所有匹配结果进行遍历，非常方便地实现一些复杂的字符串处理逻辑。本文将介绍 matchAll 的语法、用法以及实际应用场景。
matchAll 的语法和用法
matchAll 是字符串对象的方法，可以对一个字符串中所有匹配的结果进行遍历。它的语法如下：
--------------------
其中，regexp 是要匹配的正则表达式。matchAll 的返回值是一个迭代器，可以使用 for...of 循环进行遍历，每个迭代值都是一个数组，包含匹配到的字符串和一些其他的信息。下面是一个示例代码：
----- --- - ------- -------- ----- --- - ------- -- ---- ----- ------- - ------------------ --- ------ ----- -- -------- - --------------------- ------------- -
输出结果为：
----- - ----- -
可以看到，matchAll 返回的迭代器可以对字符串中所有匹配单词的结果进行遍历，并输出每个单词以及它们在字符串中的位置。
matchAll 的实际应用场景
matchAll 在处理字符串时非常实用，以下是一些实际应用场景。
替换所有匹配结果
如果需要替换字符串中所有匹配到的结果，可以使用 matchAll 迭代器结合 replace 方法。下面是一个示例代码：
----- --- - ------- -------- ----- --- - ----- -- ---- - ----- -------- - ---------------- ----- ---------------------- -- ------- -------
这个例子中，我们使用正则表达式 /o/g 匹配到了字符串中的所有 o 字符，并使用 replace 方法将其替换成 a。
批量提取匹配结果
如果需要批量提取字符串中的所有匹配结果，matchAll 也很实用。比如，我们需要从一篇文章中提取所有的链接：
----- ---- - - ------ ------ ------ ----- -- -------- -- ---------------------------------------------- -- -------------------------------------------- -- ----- -- - --- ------------------------------ -- ---- ----- ----- - --- --- ------ ----- -- ------------------ - ------------ ---- --------- ------ -------- --- - -------------------
我们使用正则表达式 /<a href="([^"]+)">([^<]+)</a>/g 匹配到了文章中的所有链接，并将每个链接的 URL 和标题提取出来，存储到数组中。
总结
本文介绍了 ECMAScript 2020 中的 matchAll 语法，以及它的用法和一些实际应用场景。matchAll 这个方法的使用非常灵活，可以大大简化字符串的处理逻辑，是前端开发中的一个非常实用的工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64ce0494b5eee0b5255f8adb