JavaScript 是一门面向对象、动态类型的编程语言，它一直在不断地发展和更新。ES2020 是 ECMAScript 的最新版本，其中包含了很多新的语法和功能，使得 JavaScript 更加强大和灵活。
在 ES2020 中，新增了一个 String 的方法 matchAll，本文将介绍这个新方法的引入及使用，并提供一些示例代码，帮助读者更好地理解和运用它。
方法介绍
matchAll 方法返回一个可以迭代的对象，该对象包含了所有匹配正则表达式的结果。它适用于需要在字符串中找到多个匹配项的情况。
matchAll 方法的语法如下：
str.matchAll(regexp)
其中：
- str：要匹配的字符串。
- regexp：一个正则表达式对象。
函数返回值是一个迭代器，可以用 for...of 循环迭代出字符串中所有满足正则表达式的匹配项，每个匹配项都是一个数组。
方法使用
为了更好地理解 matchAll 方法的使用，下面提供几个示例：
示例 1
假设我们有以下字符串：
const str = 'Hello world! How are you?';
我们希望找到这个字符串中所有的单词，可以使用正则表达式 /[a-zA-Z]+/g，其中 [a-zA-Z]+ 表示一个或多个大小写字母的组合，g 表示全局匹配。
使用 matchAll 方法，实现代码如下：
const pattern = /[a-zA-Z]+/g;
const results = str.matchAll(pattern);
for (let result of results) {
console.log(result[0]);
}其中，pattern 是正则表达式对象，results 是迭代器，for...of 循环可以依次输出所有匹配的单词。
示例 2
假设我们有以下字符串：
const str = 'Mr. John has a green hat. His son has a red one.';
我们希望找到这个字符串中所有以 Mr./Mrs./Ms. 开头的语句，可以使用正则表达式 /^(Mr\.|Mrs\.|Ms\.).+/gm，其中 ^ 表示开头，| 表示或，m 表示多行匹配。
使用 matchAll 方法，实现代码如下：
const pattern = /^(Mr\.|Mrs\.|Ms\.)+.+/gm;
const results = str.matchAll(pattern);
for (let result of results) {
console.log(result[0]);
}其中，pattern 是正则表达式对象，results 是迭代器，for...of 循环可以依次输出所有匹配的语句。
注意事项
在使用 matchAll 方法时，需要注意一下事项：
- 该方法在大多数浏览器中都已经支持，但也有一些浏览器不支持。
- 该方法返回的是一个迭代器对象，而不是数组或者单个字符串。
- 需要使用
for...of循环或者转化为数组之后才能使用。
总结
在 ES2020 中，新增了一个 String 的方法 matchAll，通过正则表达式匹配字符串中的多个内容，本文介绍了该方法的使用及注意事项，并提供了几个示例。
我们希望通过本文的学习，能够更好地掌握 matchAll 方法的使用，为我们的 JavaScript 编程提供更多的便利。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65348a247d4982a6eb93e61e