在 ECMAScript 2019 (ES10) 中，新增了 RegExp.prototype [Symbol.matchAll]() 方法，该方法可以用于全局匹配字符串，并返回一个由所有匹配结果组成的迭代器对象。本文将详细介绍该方法的使用方法，以及如何在前端开发中应用该方法实现全局匹配。
RegExp.prototype Symbol.matchAll 方法的使用方法
RegExp.prototype [Symbol.matchAll]() 方法是在正则表达式对象上定义的，用于全局匹配字符串。该方法返回一个由所有匹配结果组成的迭代器对象，可以通过 for...of 循环来遍历所有匹配结果。该方法的语法如下：
regex[Symbol.matchAll](str)
其中，regex 是一个正则表达式对象，str 是一个要匹配的字符串。该方法返回的是一个迭代器对象，可以通过 for...of 循环来遍历所有匹配结果，例如：
const regex = /hello/g;
const str = 'hello world hello';
const matches = regex[Symbol.matchAll](str);
for (const match of matches) {
console.log(match);
}上面的代码中，正则表达式 /hello/g 匹配字符串 str 中的所有 hello 子串，并返回一个由所有匹配结果组成的迭代器对象。通过 for...of 循环遍历该迭代器对象，可以输出所有匹配结果。
在前端开发中应用 RegExp.prototype Symbol.matchAll 方法实现全局匹配
现在，我们来看一个在前端开发中应用 RegExp.prototype [Symbol.matchAll]() 方法实现全局匹配的例子。假设我们有一个包含多个电话号码的字符串，我们要提取出所有电话号码并进行处理。我们可以使用 RegExp.prototype [Symbol.matchAll]() 方法来实现该功能，代码如下：
// javascriptcn.com 代码示例
const str = '电话号码：123-456-7890，电话号码：987-654-3210';
const regex = /\d{3}-\d{3}-\d{4}/g;
const matches = str.matchAll(regex);
for (const match of matches) {
const phoneNumber = match[0];
console.log(phoneNumber);
// TODO: 处理电话号码
}上面的代码中，正则表达式 /\\d{3}-\\d{3}-\\d{4}/g 匹配字符串 str 中的所有电话号码，并返回一个由所有匹配结果组成的迭代器对象。通过 for...of 循环遍历该迭代器对象，可以输出所有电话号码并进行处理。
总结
RegExp.prototype [Symbol.matchAll]() 方法是 ECMAScript 2019 (ES10) 中新增的一个方法，用于全局匹配字符串。该方法可以大大简化全局匹配的代码实现，提高开发效率。在前端开发中，我们可以应用该方法实现各种复杂的字符串处理功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6506029095b1f8cacd2283d7