在 ES10 中，新增了 string.prototype.matchAll() 方法，用于全局匹配字符串中符合条件的所有子串，并返回一个迭代器对象。
为什么需要 matchAll() 方法
在之前的版本中，当我们想要全局匹配字符串中符合条件的所有子串时，通常会使用 while 循环结合正则表达式进行匹配，并使用 exec() 方法获取每个匹配结果。
----- ----- - ----------- ----- ------ - -------- --------- --- ------ ----- ------- - ------------------- --- ----- - ---------------------- -
这种方法虽然可行，但对于在 JavaScript 中处理正则表达式的初学者来说，会有一些挑战。同时，它会显得比较冗长和繁琐。
这时候，string.prototype.matchAll() 方法就派上用场了。
如何使用 matchAll() 方法
string.prototype.matchAll() 方法接受一个正则表达式作为参数，并返回一个迭代器对象，该对象包含所有符合条件的子串。
----- ----- - ----------- ----- ------ - -------- --------- ----- ------- - ----------------------- --- ------ ----- -- -------- - ---------------------- -
上述代码会输出：
------- -------
可以使用扩展运算符或 Array.from() 方法将迭代器对象转换为数组。
----- ----- - ----------- ----- ------ - -------- --------- ----- ------- - ---------------------------- -- -- ----- ------- - -----------------------------------
matchAll() 方法的应用场景
string.prototype.matchAll() 方法的功能非常有用。对于需要在文本中处理多个符合条件的子串的情况非常实用，尤其是在处理大量文本数据时。
例如，在处理 markdown 格式时，我们可能需要将所有的链接都提取出来进行处理。使用 matchAll() 方法可以很方便地实现这个功能。
----- -------- - - - ---- ----- ------------------------------------------------------------------ -- ----- --------- - --------------------------- ----- ----- - ------------------------------------------- -- -- ----- --------- ----- --------- ---- -------------------
上述代码会输出：
-
-
----- ----- ------
----- --------------------------------------------------------------
--
-总结
string.prototype.matchAll() 方法是 ES10 中的一个重要新增方法，它可以很方便地实现全局匹配字符串中符合条件的所有子串的处理，尤其是在处理大量文本数据时非常实用。使用它可以让我们的代码更加简洁，可读性更好，并且让处理正则表达式的初学者也可以更轻松地处理字符串。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6472bfc2968c7c53b0056b05