在 ES11 中，新增了一个非常实用的方法：String.prototype.matchAll()。该方法可以方便地从一个字符串中提取出所有匹配的子串，并返回一个迭代器。本文将详细介绍该方法的语法、参数、返回值以及使用方法，并给出具体的示例代码。
语法
String.prototype.matchAll(regexp)
其中，regexp 为一个正则表达式对象，用于匹配字符串中的子串。
参数
regexp：一个正则表达式对象，用于匹配字符串中的子串。
返回值
返回一个迭代器，包含所有匹配的子串及其相关信息。
使用方法
使用该方法的步骤如下：
- 定义一个正则表达式对象，用于匹配字符串中的子串；
- 调用 String.prototype.matchAll() 方法，传入该正则表达式对象作为参数；
- 遍历迭代器，获取所有匹配的子串及其相关信息。
下面是一个具体的示例代码：
const str = "Hello World!";
const regexp = /[a-z]/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match);
}运行上述代码，控制台将输出如下内容：
["e", index: 1, input: "Hello World!", groups: undefined] ["l", index: 2, input: "Hello World!", groups: undefined] ["l", index: 3, input: "Hello World!", groups: undefined] ["o", index: 4, input: "Hello World!", groups: undefined] ["o", index: 7, input: "Hello World!", groups: undefined] ["l", index: 8, input: "Hello World!", groups: undefined] ["d", index: 10, input: "Hello World!", groups: undefined]
可以看到，该方法返回了一个迭代器，包含了所有匹配的子串及其相关信息，如匹配的字符串、匹配的位置等。
指导意义
该方法的出现，使得从一个字符串中提取出所有匹配的子串变得非常容易。特别是在处理复杂的文本数据时，该方法可以大大提高代码的可读性和可维护性。因此，掌握该方法的使用方法，对于前端开发人员来说是非常有意义的。
总结
本文介绍了 ES11 中新增的 String.prototype.matchAll() 方法，包括其语法、参数、返回值以及使用方法。该方法可以方便地从一个字符串中提取出所有匹配的子串，并返回一个迭代器，方便我们对匹配的结果进行处理。在实际开发中，掌握该方法的使用方法可以让我们更加高效地处理文本数据，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6603db75d10417a222058e2b