在 ECMAScript 2020 中，新增了一个非常实用的字符串方法：String.prototype.matchAll()。这个方法可以允许我们从一个字符串中，通过一个正则表达式去提取多个匹配模式，然后返回一个迭代器，我们可以使用 for...of 或者 Array.from() 等方式进行遍历，获取我们想要的匹配结果。这篇文章将详细解析 matchAll() 方法的使用方法、示例代码，并说明它在实践中的作用。
使用方法
matchAll() 方法与 match() 方法相似，它们都允许我们通过一个正则表达式，从一个字符串中获取匹配结果。但是，match() 方法只能返回第一个匹配结果，而 matchAll() 方法允许我们获取一个字符串中所有匹配结果。matchAll() 方法用法如下：
const regex = /foo/g;
const str = 'foofoofoo';
for (const match of str.matchAll(regex)) {
console.log(`Found match: ${match[0]} at ${match.index}`);
}这个示例代码会输出以下信息：
Found match: foo at 0 Found match: foo at 3 Found match: foo at 6
这个方法返回的是一个迭代器，可以使用 for...of 或者 Array.from() 等方式进行遍历。
示例代码
下面是一个更复杂的示例，演示了如何使用 matchAll() 方法获取从一个 HTML 文档中提取的所有链接标签的信息。
-- -------------------- ---- -------
--------- -----
------
------
----------------------
-------
------
-- -------------------------------------
-- ------------------------------------
-- --------------------------------------
--------
----- ---- - -----------------------------------
----- ----- - -----------------------------------------
----- ------- - -------------------------------- - -- --
----- -----
------ --------
----
---------------------
---------
-------
-------这个示例代码会在控制台输出以下信息：
[
{ href: 'https://www.baidu.com', index: 24 },
{ href: 'https://www.bing.com', index: 57 },
{ href: 'https://www.google.com', index: 90 }
]应用场景
matchAll() 方法在一些场景下非常有用。如果你有一个文本文件，需要从中提取多个匹配项时，matchAll() 方法很方便。例如，在一个 JSON 文件中，你可以使用 matchAll() 方法来提取所有的键和键值对。
matchAll() 方法具备以下优点：
- 它可以提取一个字符串中的所有匹配结果，不需要使用
while循环或者其他形式的嵌套操作； - 它返回了一个迭代器，可以使用
for...of或者Array.from()等方式进行遍历，这种遍历方式更加简洁、直接； - 它支持传递一个全局 (global) 标志来查找所有匹配项。
总结
以上就是关于 matchAll() 方法详细解析的内容，人们可以通过这个方法非常方便的提取一些有用的数据，得到更加丰富、准确、有效的信息。如果你是一个开发者，这个方法可以帮助你更加高效地编写一些包含匹配字符串的 JavaScript 应用程序。希望这篇文章对你的学习和开发有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c4dc6e83d39b488183e211