在前端开发中，正则表达式是一项非常重要的技能。它可以用来匹配和替换字符串，处理文本数据等等。然而，由于不同的浏览器和 JavaScript 引擎对正则表达式的支持不同，导致我们在编写跨浏览器的代码时，需要考虑到正则表达式的移植性问题。而 ECMAScript 2019 中新增的 String.prototype.matchAll 方法，可以帮助我们解决这个问题。
String.prototype.matchAll 方法的介绍
String.prototype.matchAll 方法是 ECMAScript 2019 中新增的方法，它可以返回一个迭代器对象，用来迭代字符串中所有匹配正则表达式的子串。该方法的语法如下：
string.matchAll(regexp)
其中，regexp 是一个正则表达式对象。该方法返回一个迭代器对象，每个迭代器对象包含了匹配正则表达式的子串及其相关信息。我们可以通过 for...of 循环来遍历这些迭代器对象，获取每个匹配子串的信息。
利用 String.prototype.matchAll 方法提高正则表达式的移植性
在之前的版本中，我们通常使用 String.prototype.match 方法来匹配正则表达式。但是，该方法只能返回第一个匹配的子串及其相关信息。如果我们想要匹配所有符合条件的子串，就需要使用全局匹配标志 g。但是，由于不同的浏览器和 JavaScript 引擎对 g 标志的支持不同，导致我们需要编写跨浏览器的正则表达式代码时，需要考虑到这个问题。
而 String.prototype.matchAll 方法则是一个更好的选择。它不需要使用全局匹配标志 g，同时还可以返回所有匹配子串及其相关信息。这样，我们就可以更轻松地编写跨浏览器的正则表达式代码了。
下面是一个示例代码：
// javascriptcn.com 代码示例
const str = 'Hello, world!';
const regexp = /(\w+), (\w+)!/;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match[0]); // 匹配到的子串
console.log(match[1]); // 第一个捕获组
console.log(match[2]); // 第二个捕获组
console.log(match.index); // 匹配子串在原字符串中的位置
console.log(match.input); // 原字符串
}在上面的示例代码中，我们使用 String.prototype.matchAll 方法来匹配字符串中的子串。其中，regexp 是一个正则表达式对象，用来匹配字符串中的子串。matches 是一个迭代器对象，用来迭代所有匹配的子串及其相关信息。我们使用 for...of 循环来遍历这些迭代器对象，获取每个匹配子串的信息。
总结
String.prototype.matchAll 方法是 ECMAScript 2019 中新增的方法，它可以返回一个迭代器对象，用来迭代字符串中所有匹配正则表达式的子串。在编写跨浏览器的正则表达式代码时，我们可以使用该方法来提高代码的移植性。希望本文对大家有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657e9ff8d2f5e1655d977c1c