在前端开发中，字符串操作是一个必备的技能。在 ES10 中，新增了一个非常实用的字符串方法：String.matchAll()。相比于之前的 String.match() 方法，它可以进行全局匹配，更加灵活方便。
String.matchAll() 方法的基本使用
String.matchAll() 方法用于在字符串中查找所有匹配正则表达式的结果。它返回一个迭代器，可以遍历所有匹配结果。
下面是 String.matchAll() 方法的基本语法：
--------------------
其中，regexp 是一个正则表达式对象。调用该方法后，会返回一个迭代器，可以使用 for...of 循环遍历所有匹配结果。
下面是一个简单的示例：
----- --- - ------ ------ ----- ------------ ----- ------ - --------- ----- ------- - --------------------- --- ------ ----- -- -------- - ------------------- -
运行结果如下：
--------- ------ -- ------ ------ ------ ----- ------------ ------- ---------- --------- ------ --- ------ ------ ------ ----- ------------ ------- ----------
可以看到，match 对象包含了匹配到的字符串、匹配到的位置等信息。
String.matchAll() 方法的高级用法
除了基本用法之外，String.matchAll() 方法还有一些高级用法，可以更加灵活地进行字符串匹配。
使用捕获组
在正则表达式中，可以使用捕获组来提取匹配结果的一部分。在 String.matchAll() 方法中，使用捕获组的方式与 String.match() 方法类似，只需要在正则表达式中使用括号将需要提取的部分包裹起来即可。
下面是一个示例：
----- --- - ------ ------ ----- ------------ ----- ------ - ------ -------- ----- ------- - --------------------- --- ------ ----- -- -------- - ---------------------- -
运行结果如下：
------- ------------
可以看到，使用捕获组可以方便地提取匹配结果的一部分。
使用 flags 属性
在正则表达式中，可以使用 flags 属性来设置一些参数，例如 i 表示忽略大小写，g 表示全局匹配等。在 String.matchAll() 方法中，可以使用 flags 属性来获取正则表达式的参数。
下面是一个示例：
----- --- - ------ ------ ----- ------------ ----- ------ - ---------- ----- ------- - --------------------- -------------------------- --- ------ ----- -- -------- - ------------------- -
运行结果如下：
---- --------- ------ -- ------ ------ ------ ----- ------------ ------- ---------- --------- ------ --- ------ ------ ------ ----- ------------ ------- ----------
可以看到，使用 flags 属性可以获取正则表达式的参数。
String.matchAll() 方法的指导意义
String.matchAll() 方法是一个非常实用的字符串方法，它可以方便地进行全局匹配，并且支持高级用法，例如使用捕获组、获取 flags 属性等。在实际项目中，可以使用它来解决一些字符串匹配的问题，提高开发效率。
总结
本文介绍了 ES10 中新增的 String.matchAll() 方法，包括基本用法和高级用法。通过实例代码的演示，展示了该方法的灵活性和实用性。希望读者能够掌握该方法的使用，提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c716cbadd4f0e0ff13f25f