在 ES10 中，新增了一个 String.matchAll() 方法，它可以帮助我们更方便地进行正则表达式的匹配和处理。本文将详细介绍 String.matchAll() 的使用方法和注意事项，并提供示例代码，希望能够对前端开发者有所帮助。
什么是 String.matchAll() 方法？
String.matchAll() 方法是 ES10 中新增的一个字符串方法，用于返回一个正则表达式在字符串中匹配的所有结果。该方法返回一个迭代器，可以使用 for...of 循环遍历所有匹配项。
String.matchAll() 方法的使用方法
使用 String.matchAll() 方法非常简单，只需要在字符串对象上调用该方法，并传入一个正则表达式作为参数即可。例如：
const str = "hello world"; const regex = /o/g; const matches = str.matchAll(regex);
上面的代码中，我们首先定义了一个字符串 str 和一个正则表达式 regex，然后调用了 str.matchAll(regex) 方法，将所有匹配结果存储在 matches 变量中。
接下来，我们可以使用 for...of 循环遍历所有匹配项并进行处理。例如，我们可以将每个匹配项的索引和值打印出来：
for (const match of matches) {
console.log(`Match found at index ${match.index}: ${match[0]}`);
}上面的代码中，我们使用 for...of 循环遍历 matches 迭代器，对于每个匹配项，我们打印出它的索引和值。注意，match[0] 表示整个匹配项的值，而 match[1]、match[2] 等表示正则表达式中的捕获组。
String.matchAll() 方法的注意事项
在使用 String.matchAll() 方法时，需要注意以下几点：
String.matchAll() 方法返回的是一个迭代器，而不是数组。因此，我们不能使用数组的方法（如 map、filter、reduce 等）对其进行操作，而需要使用 for...of 循环遍历迭代器。
如果正则表达式中包含捕获组，那么返回的匹配结果中将包含这些捕获组的值。例如，如果正则表达式为 /(\w+)\s(\w+)/g，那么返回的匹配结果中将包含每个匹配项的第一个和第二个单词。
如果正则表达式中包含全局标志 g，那么每次调用 String.matchAll() 方法都会返回一个新的迭代器，从而允许我们对同一个字符串进行多次匹配。
示例代码
下面是一个使用 String.matchAll() 方法的示例代码：
const str = "hello world";
const regex = /o/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(`Match found at index ${match.index}: ${match[0]}`);
}上面的代码中，我们首先定义了一个字符串 str 和一个正则表达式 regex，然后调用了 str.matchAll(regex) 方法，将所有匹配结果存储在 matches 变量中。接下来，我们使用 for...of 循环遍历所有匹配项，并打印出它们的索引和值。
总结
String.matchAll() 方法是 ES10 中新增的一个字符串方法，用于返回一个正则表达式在字符串中匹配的所有结果。使用该方法非常简单，只需要在字符串对象上调用该方法，并传入一个正则表达式作为参数即可。在使用该方法时，需要注意返回的是一个迭代器，而不是数组，以及正则表达式中包含捕获组的情况。希望本文能够对前端开发者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6604b836d10417a22220288b