前言
随着技术的不断发展，JavaScript 也在不断迭代更新。ES11 是 JavaScript 的最新标准，其中包含了许多新特性和改进，为开发者带来了更加便捷的开发体验。本文将为大家介绍 ES11 的新特性之一：String.prototype.matchAll() 方法。
String.prototype.matchAll() 方法介绍
在 ES5 中，我们可以使用 String.prototype.match() 方法来查找字符串中的匹配项。该方法返回一个数组，其中包含与正则表达式匹配的所有子字符串。ES11 引入了一个新方法 matchAll()，该方法返回一个迭代器对象，该迭代器对象的每个元素都是一个数组，其中包含与正则表达式匹配的所有子字符串的详细信息。
String.prototype.matchAll() 方法使用
基本语法
string.matchAll(regexp)
- string: 需要被匹配的字符串
- regexp: 匹配规则，可以是一个字符串或者一个正则表达式
方法返回值
返回一个迭代器对象，该迭代器对象的每个元素都是一个数组，其中包含与正则表达式匹配的所有子字符串的详细信息。如果在字符串中没有匹配项，该方法将返回空迭代器。
示例代码
// javascriptcn.com 代码示例
const str = 'hello world';
const regex = /l/ gm;
const matched = str.matchAll(regex);
for (const match of matched) {
console.log(match);
}
// Output:
// Array [ "l", index: 2, input: "hello world", groups: undefined ]
// Array [ "l", index: 3, input: "hello world", groups: undefined ]
// Array [ "l", index: 8, input: "hello world", groups: undefined ]在上面的代码中，我们首先定义了一个字符串 str 和一个正则表达式 /l/gm。我们然后使用 String.prototype.matchAll() 方法来匹配字符串中所有的 "l"，并将其赋值给一个名为 matched 的变量。
接着我们使用 for...of 循环来遍历这个迭代器对象，并通过 console.log() 方法打印出匹配到的所有子字符串的详细信息。在这个示例中，我们匹配到了三个子字符串，它们的索引分别为 2，3 和 8。
指导意义
String.prototype.matchAll() 方法是一个非常强大的工具，它能够帮助我们在字符串中查找复杂的模式。与 String.prototype.match() 方法不同的是，String.prototype.matchAll() 方法返回的详细信息更加全面，我们可以通过迭代器对象了解每个匹配项的索引位置和匹配组的详细信息。
因此，在开发中，我们可以使用 String.prototype.matchAll() 方法来处理一些需要详细信息的匹配操作，例如提取 IP 地址、解析 HTML 标签等等。
总结
在本文中，我们学习了 ES11 的新特性之一：String.prototype.matchAll() 方法。该方法帮助我们在字符串中查找复杂的模式，并返回详细的匹配信息。我们介绍了方法的基本语法、返回值和使用示例，并且阐述了该方法的指导意义。希望本文能够帮助大家深入了解 String.prototype.matchAll() 方法，从而更好地运用它来解决开发中的问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653702447d4982a6ebf4f0d8