深入浅出 ES10 中的 String.prototype.matchAll 方法
在 ES10 中，新增了 String.prototype.matchAll 方法，该方法可以将一个字符串中符合某个正则表达式的所有子串返回。在本文中，我们将深入浅出这个方法，并提供一些有用的示例代码。
- 什么是 String.prototype.matchAll 方法？
String.prototype.matchAll 方法可以返回一个迭代器，该迭代器可以访问一个字符串中所有符合某个正则表达式的子串。这个方法返回的迭代器是一个对象，该对象具有 Symbol.iterator 属性，可以使用 for...of 循环进行遍历。
- 如何使用 String.prototype.matchAll 方法？
使用 String.prototype.matchAll 方法很简单，只需要在一个字符串上调用该方法并传入一个正则表达式即可。例如：
----- --- - ------- -------- ----- ----- - --------- ----- ------- - -------------------- ---------------------
输出结果为：
-------------------- --
这个结果是一个迭代器对象。我们可以使用 for...of 循环来访问迭代器中的每一个匹配结果。
--- ------ ----- -- -------- - ------------------- -
输出结果为：
----- ------ -- ------ ------- -------- ------- ---------- ----- ------ -- ------ ------- -------- ------- ---------- ----- ------ -- ------ ------- -------- ------- ---------- ----- ------ -- ------ ------- -------- ------- ---------- ----- ------ -- ------ ------- -------- ------- ---------- ----- ------ -- ------ ------- -------- ------- ---------- ----- ------ -- ------ ------- -------- ------- ---------- ----- ------ --- ------ ------- -------- ------- ----------
每一个匹配结果都是一个数组，包含了匹配的子串、匹配的位置和原始字符串。我们可以使用数组的解构语法来获取这些值。
--- ------ ------- ------ ------ -- -------- - --------------------- ----- -- ----- -------- -- ----------- -
输出结果为：
- ----- -- ----- - -- ------ ------ - ----- -- ----- - -- ------ ------ - ----- -- ----- - -- ------ ------ - ----- -- ----- - -- ------ ------ - ----- -- ----- - -- ------ ------ - ----- -- ----- - -- ------ ------ - ----- -- ----- - -- ------ ------ - ----- -- ----- -- -- ------ ------
- String.prototype.matchAll 方法的注意事项
需要注意的是，String.prototype.matchAll 方法返回的迭代器是惰性求值的，也就是说，只有在需要访问下一个匹配结果时，才会进行匹配。这意味着，如果我们在一个循环中使用了多个迭代器，那么每个迭代器都会进行一次匹配。
----- --- - ------- -------- ----- ----- - --------- ----- -------- - -------------------- ----- -------- - -------------------- --- ------ ----- -- --------- - ------------------ -- ----------- - --- ------ ----- -- --------- - ------------------ -- ----------- -
输出结果为：
----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ --- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ -- ------ ------- -------- ------- ---------- ----- -- ----- ------ --- ------ ------- -------- ------- ----------
在上面的示例中，我们创建了两个迭代器对象，然后使用两个 for...of 循环分别遍历这两个迭代器。每个迭代器都会进行一次匹配，因此输出结果中包含了两个相同的匹配结果序列。
- String.prototype.matchAll 方法的示例
下面是一些使用 String.prototype.matchAll 方法的示例代码：
-- ------------ ---
----- --- - ------ -- ------- -- -------------------------
----- ----- - ------------------
--- ------ ----- -- -------------------- -
------------------ ---- ---------
-
-- -----------------
----- --- - ---- ----- ----- --- ----- ---- --- ---- -----
----- ---------- - --- ------
----- ----- - -----------
--- ------ ------ -- -------------------- -
----- ----- - -------------------- -- --
-------------------- ----- - ---
-
------------------------
-- --- ---- -------------
----- ---- - -
------
------
-- ------------------------------------------
---- ----------------------------------------
-------
-------
--
----- ----- - -------------------------------------------------------------------------
--- ------ ------- ---- -- --------------------- -
-- ----- -
------------------ ------ ---------
- ---- -
------------------ ----- -----------
-
-- 总结
String.prototype.matchAll 方法是一个非常有用的字符串方法，可以方便地查找一个字符串中所有符合某个正则表达式的子串。在实际开发中，我们可以使用这个方法来解决各种字符串处理问题。需要注意的是，返回的迭代器是惰性求值的，因此在使用时需要特别小心。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65e2dcc01886fbafa4f6c8f8