在 ECMAScript 2017 中，新增了 String.prototype.matchAll() 方法，该方法可以在字符串中匹配所有符合正则表达式的子串，并返回一个可迭代对象，该对象包含所有匹配结果的详细信息。本文将详细介绍该方法的使用技巧，帮助读者更好地掌握该方法。
语法
String.prototype.matchAll(regexp)
参数：
- regexp：一个正则表达式对象，用于匹配字符串中的子串。
返回值：
- 一个可迭代对象，该对象包含所有匹配结果的详细信息。
使用方法
基本使用
String.prototype.matchAll() 方法的基本使用方法如下：
const str = 'hello world';
const regexp = /l/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match);
}以上代码将输出：
["l", index: 2, input: "hello world", groups: undefined] ["l", index: 3, input: "hello world", groups: undefined]
该代码中，首先定义了一个字符串 str 和一个正则表达式 regexp，然后使用 str.matchAll(regexp) 方法对字符串进行匹配，将匹配结果保存在 matches 中。最后使用 for...of 循环遍历 matches，输出所有匹配结果的详细信息。
在输出的结果中，每个匹配结果都是一个数组，包含三个属性：0 表示匹配的子串，index 表示匹配的子串在原字符串中的位置，input 表示原字符串。另外，还有一个可选属性 groups，表示捕获组的匹配结果。
捕获组
String.prototype.matchAll() 方法还支持捕获组，可以使用 () 将正则表达式中的某一部分分组，然后在匹配结果中获取该部分的详细信息。例如：
const str = '2021-05-12 10:30:45';
const regexp = /(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})/;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match[1], match[2], match[3], match[4], match[5], match[6]);
}以上代码将输出：
2021 05 12 10 30 45
该代码中，定义了一个字符串 str 和一个正则表达式 regexp，正则表达式中使用 () 将年月日时分秒分别分组。然后使用 str.matchAll(regexp) 方法对字符串进行匹配，将匹配结果保存在 matches 中。最后使用 for...of 循环遍历 matches，输出年月日时分秒的详细信息。
全局匹配
String.prototype.matchAll() 方法支持全局匹配，可以使用 g 修饰符实现全局匹配。例如：
const str = 'hello world';
const regexp = /l/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match);
}以上代码将输出：
["l", index: 2, input: "hello world", groups: undefined] ["l", index: 3, input: "hello world", groups: undefined]
该代码中，定义了一个字符串 str 和一个正则表达式 regexp，正则表达式中使用 g 修饰符实现全局匹配。然后使用 str.matchAll(regexp) 方法对字符串进行匹配，将匹配结果保存在 matches 中。最后使用 for...of 循环遍历 matches，输出所有匹配结果的详细信息。
注意事项
使用 String.prototype.matchAll() 方法时需要注意以下事项：
该方法返回的是一个可迭代对象，使用时需要使用
for...of循环遍历。该方法返回的匹配结果是一个数组，包含三个属性：
0表示匹配的子串，index表示匹配的子串在原字符串中的位置，input表示原字符串。如果正则表达式中使用了捕获组，则匹配结果数组中还会包含一个可选属性
groups，表示捕获组的匹配结果。如果正则表达式中使用了全局匹配，则每次匹配时会从上一次匹配结束的位置继续匹配。
总结
本文介绍了 ECMAScript 2017 中 String.prototype.matchAll() 方法的使用技巧，包括基本使用、捕获组、全局匹配以及注意事项等方面。掌握该方法可以方便地在字符串中进行正则表达式匹配，并获取匹配结果的详细信息。希望读者通过本文的学习和实践，能够更好地掌握该方法的使用技巧，提高前端开发的效率和质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655040017d4982a6eb92087a