在 ES11 （也称为 ECMAScript 2020）中，新增了一个名为 String.prototype.matchAll 的方法。该方法是用于更方便地在字符串中执行全局正则表达式匹配的。
matchAll 方法的基本用法
matchAll 方法的语法如下：
str.matchAll(regexp)
其中，str 表示要进行匹配的字符串，regexp 是一个正则表达式。该方法返回一个迭代器，可以依次访问所有匹配项。每个匹配项都是一个数组，其中第一个元素为匹配到的字符串，接下来的每个元素都是匹配到的捕获组的值。
下面是一个示例代码，演示了如何使用 matchAll 方法：
const str = 'Hello, world! My name is Alice.';
const regexp = /[A-Z][a-z]+/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match);
}该代码的输出结果如下：
["Hello", index: 0, input: "Hello, world! My name is Alice.", groups: undefined] ["My", index: 13, input: "Hello, world! My name is Alice.", groups: undefined] ["Alice", index: 23, input: "Hello, world! My name is Alice.", groups: undefined]
可以看到，该代码匹配了字符串中的三个单词，并依次将它们输出到控制台上。
matchAll 方法的特点
matchAll 方法有以下几个特点：
- 如果正则表达式中有全局标志（g），则该方法将在整个字符串中搜索所有匹配项。如果没有全局标志，则只会搜索第一个匹配项。
- 返回的迭代器是惰性的，即只有在被访问时才会计算并返回值。这有助于节省内存。
- 对于非全局的正则表达式，matchAll 方法每次调用只返回一个匹配项，而不是一个数组。
- 如果正则表达式中有捕获组，则匹配结果数组中的元素将按照捕获组的顺序排列。
matchAll 方法的学习和指导意义
matchAll 方法的出现，为前端开发者提供了一种更简单、更直观的方法来进行正则表达式匹配。它不仅可以使代码更加优雅，还可以提高开发效率和代码可读性。
同时，matchAll 方法也具有一定的学习和指导意义。通过深入了解和学习该方法，可以更加深入地了解正则表达式的相关知识，以及如何使用正则表达式来处理字符串。
总结
在 ES11 中，新增了一个名为 String.prototype.matchAll 的方法，可以更方便地在字符串中执行全局正则表达式匹配。该方法的基本语法是 str.matchAll(regexp)，返回的是一个迭代器，可以依次访问所有匹配项。matchAll 方法具有一定的学习和指导意义，可以帮助前端开发者更好地应用正则表达式的相关知识。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6540878f7d4982a6eba09121