正则表达式是前端开发中非常重要的一部分，它可以用来处理字符串、验证输入、解析数据等。在 ECMAScript 2019 中，新增了一个非常强大的方法，String.prototype.matchAll，它可以让我们更加方便地使用正则表达式。
String.prototype.matchAll 方法简介
String.prototype.matchAll 方法是 ECMAScript 2019 中新增的方法，它可以返回一个迭代器，用来遍历字符串中所有匹配正则表达式的子串。这个方法的语法如下：
str.matchAll(regexp)
其中，str 表示要匹配的字符串，regexp 表示要使用的正则表达式。这个方法返回的是一个迭代器对象，可以通过 for...of 循环遍历它，每次迭代返回一个匹配结果对象。
String.prototype.matchAll 方法的优势
使用 String.prototype.matchAll 方法，我们可以更加方便地处理字符串中所有匹配正则表达式的子串。这个方法的优势主要有以下几点：
- 可以返回所有匹配结果，而不是只返回第一个匹配结果。
- 可以返回每个匹配结果的详细信息，包括匹配的子串、匹配的起始位置和匹配的结束位置等。
- 可以使用正则表达式的“全局匹配”模式，即在正则表达式后面添加 g 标志，可以匹配字符串中所有符合条件的子串。
使用 String.prototype.matchAll 方法，可以让我们更加方便地处理字符串，特别是在处理大量数据时，可以大大提高效率。
String.prototype.matchAll 方法的示例
下面是一个使用 String.prototype.matchAll 方法的示例代码：
const str = 'hello world, this is a test string.';
const regexp = /\w+/g;
const matches = str.matchAll(regexp);
for (const match of matches) {
console.log(match[0], match.index, match.input);
}这段代码中，我们定义了一个字符串 str 和一个正则表达式 /\w+/g，然后使用 String.prototype.matchAll 方法来匹配字符串中所有符合正则表达式的子串。最后，我们使用 for...of 循环遍历匹配结果，输出每个匹配结果的详细信息。
运行结果如下：
hello 0 hello world, this is a test string. world 6 hello world, this is a test string. this 12 hello world, this is a test string. is 17 hello world, this is a test string. a 20 hello world, this is a test string. test 22 hello world, this is a test string. string 28 hello world, this is a test string.
从运行结果可以看出，使用 String.prototype.matchAll 方法可以非常方便地匹配字符串中所有符合正则表达式的子串，并输出每个匹配结果的详细信息。
总结
使用 ECMAScript 2019 的 String.prototype.matchAll 方法可以让我们更加方便地处理字符串，特别是在处理大量数据时，可以大大提高效率。在编写前端代码时，我们可以充分利用这个方法，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657c196fd2f5e1655d6dbf29