随着 JavaScript 的不断发展，越来越多的新特性被引入，其中包括 ES9 中引入的 String.prototype.matchAll() 方法。该方法可以帮助开发者在字符串中查找所有满足指定正则表达式的子字符串，而不仅仅是第一个匹配项。本文将详细介绍该方法的使用方法，并提供示例代码和深入学习指导。
String.prototype.matchAll() 方法的基础语法
String.prototype.matchAll() 方法的基础语法很简单：
string.matchAll(regexp)
其中，string 是需要查找的字符串，regexp 是一个正则表达式，用于对 string 进行匹配。
该方法会返回一个迭代器，其中包含所有匹配项的详细信息。下面我们将详细讲解如何使用该迭代器。
使用迭代器获取匹配项详细信息
通过 String.prototype.matchAll() 方法得到的迭代器包含了所有匹配项的详细信息，这些信息包括：
- 匹配项的
input字符串； - 匹配项的
index索引值； - 匹配项的
match数组； - 匹配项的
groups对象（如果正则表达式中使用了命名捕获组）。
下面是一个使用 matchAll() 方法和迭代器的示例代码：
const string = "One, two, three, four.";
const regexp = /\w+/g;
const matches = string.matchAll(regexp);
for (const match of matches) {
console.log(match);
}上述代码会输出以下内容：
{input: "One, two, three, four.", index: 0, match: ["One"]}
{input: "One, two, three, four.", index: 4, match: ["two"]}
{input: "One, two, three, four.", index: 8, match: ["three"]}
{input: "One, two, three, four.", index: 14, match: ["four"]}从输出结果可以看到，通过迭代器，我们可以轻松地获取到每个匹配项的详细信息，并对其进行进一步处理。
使用 matchAll() 方法实现多次匹配
在 ES5 中，我们可以通过正则表达式的全局标志 g 来实现多次匹配。如下所示：
const string = "One, two, three, four."; const regexp = /\w+/g; const matches = string.match(regexp); console.log(matches); // ["One", "two", "three", "four"]
在 ES9 中，我们可以使用 String.prototype.matchAll() 方法来替代上面的代码。下面是使用 matchAll() 方法进行多次匹配的示例代码：
const string = "One, two, three, four.";
const regexp = /\w+/g;
const matches = string.matchAll(regexp);
for (const match of matches) {
console.log(match);
}通过上述示例代码，我们不仅可以获取到每个匹配项的详细信息，还可以自由地选择对匹配项进行过滤、排序等操作。
总结
在本文中，我们详细介绍了 ES9 中引入的 String.prototype.matchAll() 方法的使用方法，并提供了示例代码和深入学习指导。通过掌握该方法的用法，开发者可以更加高效地对字符串进行多次匹配，并对匹配项进行进一步处理。希望本文对您的前端学习和工作有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6499467348841e989464240f