MatchAll 方法是 ES11 中新增的正则方法，它可以对一个字符串进行全局匹配，而不是像其他正则方法只匹配第一个符合条件的字符串。MatchAll 方法的适用性非常广泛，特别是在前端开发中，常常需要对字符串进行解析和处理，这时候 MatchAll 方法就显得尤为重要。
MatchAll 方法的基本语法
MatchAll 方法的基本语法如下所示：
--- ------ - ---------------- -- -------- --- ------- - ---------------------
其中，regexp 是正则表达式模式，str 是需要匹配的字符串。matchAll 方法返回一个迭代器，可以用 for...of 循环遍历所有匹配的结果。
MatchAll 方法的优势
MatchAll 方法与其他正则方法的区别在于其全局匹配的能力。以 match 方法为例，它只匹配第一个符合条件的字符串，而无法进行全局匹配。而 MatchAll 方法可以对一个字符串进行全局匹配，并且返回一个迭代器，可以遍历所有匹配的结果。
此外，MatchAll 方法还具有以下优势：
- 接收正则表达式作为参数，可根据具体需要进行复杂匹配。
- 返回结果为迭代器对象，能够逐一取出匹配的结果。
- 可以使用“断言”特性，支持更灵活的匹配功能。
使用 MatchAll 方法进行示例
下面将结合示例代码，演示如何使用 MatchAll 方法进行全局匹配。
假设有一个字符串：
----- --- - -------------------------------------------------------------------------
现在需要从该字符串中提取出所有的 URL。
可以先定义一个正则表达式模式：
----- ------ - ------------------
该模式可以匹配以 http、https 或 ftp 开头的 URL。
然后使用 MatchAll 方法进行全局匹配：
----- ------- - ---------------------
返回的 matches 对象是一个迭代器，可以使用 for...of 循环来遍历所有的匹配结果：
--- ------ ----- -- -------- - ---------------------- -
该代码会输出所有匹配的 URL：
--------------------- --------------------- ------------------------
通过这个示例代码，我们可以看出 MatchAll 方法在全局匹配方面的优越性，以及在字符串解析和处理中的实用性。
总结
MatchAll 方法是 ES11 中新增的正则方法，它可以对一个字符串进行全局匹配，而不是像其他正则方法只匹配第一个符合条件的字符串。MatchAll 方法的适用性非常广泛，在前端开发中有着比较重要的作用。通过本篇文章的讲解，相信读者已经了解了 MatchAll 方法的基本语法、优势及其示例代码，希望能对大家在前端开发中的实际工作有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64bf8f5d9e06631ab9c1575e