在ES10中，JavaScript引入了许多新的功能和语法，其中一个备受关注的特性是 String.matchAll 方法，这个方法非常实用，因为它可以帮助我们快速进行字符串匹配和处理。
在本文中，我们将会深入探讨 String.matchAll 方法的使用，以及它如何帮助我们更高效地处理和操作字符串。
什么是 String.matchAll 方法
String.matchAll 方法是一个由ES10标准引入的方法，它是 String 对象的一个原型方法，用于在字符串中搜索匹配某一正则表达式的所有子字符串，返回一个迭代器。它可以帮助我们处理大量的字符串，并且非常方便和实用。
该方法的语法如下：
string.matchAll(regexp)
其中，regexp 是一个带有全局修饰（g）的正则表达式，表示需要搜索的模式。
String.matchAll 方法的返回值
String.matchAll 方法返回一个迭代器，该迭代器包含匹配字符串的详细信息，包括：
- 匹配字符串
- 所在的索引位置
- 捕获的分组（如果有的话）
该迭代器可以通过 for...of 循环来遍历，遍历时会依次返回每一个匹配结果的详细信息。
String.matchAll 方法应用示例
为了更好地理解 String.matchAll 方法，请看下面的示例代码：
const regexp = /([0-9]+)/g;
const str = "这是一个测试字符串，其中包含 1234 和 5678 两个数字";
for (const match of str.matchAll(regexp)) {
console.log(match);
}该示例代码中，我们使用 /([0-9]+)/g 正则表达式来匹配字符串中的数字，然后从字符串中提取出所有匹配结果，打印到控制台上。
输出结果如下：
[ '1234', 21, index: 21, input: '这是一个测试字符串，其中包含 1234 和 5678 两个数字', groups: undefined ] [ '5678', 36, index: 36, input: '这是一个测试字符串，其中包含 1234 和 5678 两个数字', groups: undefined ]
上述结果中，我们可以看到，每一个数组元素表示一个匹配结果，其中第一个元素是匹配到的字符串，第二个元素是这个字符串在原始字符串中的位置，后面的属性则表示匹配到的分组，由于我们的正则表达式没有包含分组，因此这些属性都是 undefined。
String.matchAll 方法实用场景
String.matchAll 方法在字符串匹配和处理中非常实用，特别是在需要处理大量字符串时，它能够帮助我们更快速、更高效地处理和操作这些字符串。
例如，在一个搜索引擎中，我们需要根据用户输入的关键词来匹配出相关的新闻或文章，用 String.matchAll 方法就可以很方便地实现这一功能。
下面的示例代码演示了如何利用 String.matchAll 方法进行字符串的模糊搜索：
-- -------------------- ---- -------
----- -------- - -
-
------ ----------- ---------
-------- --- ---------- -----------------
--
-
------ ------- ------
-------- --- ------ ----------------- --- ----
--
-
------ ------ ------ ------
-------- --- ----- ------ -------------------------
-
--
-------- --------------- -
------- - ------------------------------------------------------ --------
----- ------ - --- --------------- ------
----- ------- - ---
--- ------ ------- -- --------- -
--- ------ - ------
--- ------ ------ -- ----------------------- -
-- ---------------------- -
------ - -----
-
-
-- -------- -
----------------------
-
-
------ --------
-
----------------------------------
--------------------------
-----------------------------该示例代码中，我们定义了一个 articles 数组来存储文章的信息，然后编写了一个 search 函数，该函数用于根据用户输入的关键词进行模糊搜索，最后返回匹配的结果。
在 search 函数中，我们首先使用 replace 方法将所有特殊字符进行转义，然后使用 new RegExp() 构造函数创建一个带有全局修饰（g）的正则表达式，表示需要搜索的模式，最后使用 String.match 方法进行字符串匹配，在搜索完成后将匹配的结果添加到 results 数组中，最后返回该数组。
经过测试，我们可以看到，在输入不同的关键词后，程序都能够正确地返回匹配的结果。
总结
String.matchAll 方法是一个非常实用的方法，它可以帮助我们在字符串中进行快速而高效的匹配和处理，特别是在需要处理大量字符串时，它能够大大提高我们的工作效率。
在实际开发中，我们可以灵活运用 String.matchAll 方法，根据需求来处理和操作字符串，从而使我们的程序更加高效、灵活和实用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fd47b595b1f8cacdccd14a