在ES11中，新的字符串方法 matchAll 已经被添加到了字符串原型上。matchAll 方法接收一个正则表达式参数，返回一个迭代器，这个迭代器包含了匹配该正则表达式的所有子字符串和子串匹配的信息。在本文中，我们将探讨如何使用这个方法和迭代器来创建类似 grep 的工具。
什么是迭代器？
在ES6中，迭代器被引入用来逐项访问数据，包括数组、字符串、映射、集合等集合类型。一个迭代器对象必须包含一个 next 方法，该方法返回一个对象包含两个属性：（1）done，表示迭代器是否已经到达了最后一个元素，并且可以调用 next 方法访问下一个元素；（2）value，表示当前元素的值。
下面是一个简单的迭代器示例，它可以用来迭代一个数组的所有元素：
-- -------------------- ---- -------
-------- ------------------- -
--- ----- - --
------ -
----- ---------- -
------ ----- - ---------- -
------- ------------- ----- ------ -
------ ------
-
--
-
----- --- - --- -- -- ---
----- -------- - --------------------
----------------------------------- -- -
----------------------------------- -- -
----------------------------------- -- -
----------------------------------- -- -
---------------------------------- -- ----matchAll方法使用详解
在ES11中, matchAll 方法已经被添加到字符串的原型中，它接受一个正则表达式参数，返回一个迭代器。迭代器每次迭代都会返回一个包含子串和正则表达式子串匹配的详细信息的匹配结果对象。
下面是一个简单的 matchAll 方法的示例：
-- -------------------- ---- ------- ----- --- - ----- -- ---------- ----- ----- - ----------- ----- ------- - -------------------- --- ------ ----- -- -------- - ------------------- - -- ------ -- -- ------- ------ -- ------ ----- -- ---------- ------- ---------- -- ---------- -- ---------- ------ -- ------ ----- -- ---------- ------- ----------
在上面的例子中，我们使用了 matchAll 方法来查找字符串中所有以空格分开的单词，返回的匹配结果中包含子串和正则表达式子串匹配的详细信息。
我们可以通过 for-of 循环来遍历这个迭代器，然后在每次迭代中返回包含匹配子串和相关详细信息的匹配结果对象。匹配结果对象包括匹配的子串、匹配的索引位置、匹配的正则表达式子串、以及其他的元数据。
如何创建类似 grep 的工具
类似于 grep 工具，我们可以使用 matchAll 方法和迭代器来查找字符串中的所有匹配项。我们可以创建一个函数，该函数接受一个字符串参数和一个正则表达式参数，并返回一个数组，该数组包含所有与正则表达式匹配的子字符串。
下面是我们的 grep 函数的代码示例：
-- -------------------- ---- -------
-------- --------- ------ -
----- ------- - ---
-------- - --------------------
--- ------ ----- -- --------- -
-----------------------
-
------ --------
-
----- --- - ---- ----- ----- --- ----- ---- --- ---- -----
----- ----- - -------
--------------------- -------- -- ------- ------在上面的代码中，我们首先定义了一个空数组 matches，然后使用 matchAll 方法获取与正则表达式匹配的所有子字符串，并遍历这个迭代器，将每个子字符串添加到 matches 数组中。
最后，我们返回 matches 数组，其中包含了所有与正则表达式匹配的子字符串。
结论
在本文中，我们学习了如何使用新的 matchAll 方法和迭代器来创建类似于 grep 工具的函数，该函数可以在一个字符串中查找所有匹配正则表达式的子字符串。
使用 matchAll 方法和迭代器，可以轻松获取匹配正则表达式的所有结果，并进行后续处理与操作。
我们鼓励你在你的项目中使用 matchAll 方法和迭代器来处理字符串匹配的相关问题，并利用这个特性来编写符合需求且有效可行的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f2a0e7a44b36ee5766a93f