ECMAScript 2021 中的 String.prototype.matchAll 方法解决了正则表达式匹配多个结果的问题
在前端开发中，使用正则表达式来匹配字符串是非常常见的操作。但是，在过去的开发中，我们可能会遇到一些问题，比如一个正则表达式可能会匹配到多个结果，但是我们只能获取到第一个结果。为了解决这个问题，ECMAScript 2021 中引入了 String.prototype.matchAll 方法。
String.prototype.matchAll 方法解决了一个常见的问题，即匹配多个结果。在之前的版本中，我们只能使用 String.prototype.match 方法来获取第一个匹配结果。但是在使用正则表达式进行任何操作时，获取所有结果通常是非常必要的。现在，使用 String.prototype.matchAll 方法，我们可以轻松地获取到所有匹配结果。
这里有一个示例代码，来展示如何使用 String.prototype.matchAll 方法：
const str = 'H e l l o W o r l d';
const regex = /\w+/g; // 匹配所有单词字符
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
}输出会是这样的：
-- -------------------- ---- ------- ----- - --- - ----- - --- - ----- - --- - ----- - --- - ----- - --- - ----- - --- - ----- - --- - ----- - --- - ----- - --- - ----- - --- -
这个示例展示了如何使用这个方法来匹配字符串，并循环遍历所有匹配结果。
除了能够获取所有匹配结果，String.prototype.matchAll 方法还有一个有用的功能，即每个匹配结果都会有一个 groups 属性，用来获取 named groups（命名分组）的值。例如：
const str = '2021年8月15日';
const regex = /(?<year>\d+)年(?<month>\d+)月(?<day>\d+)日/;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match.groups);
}输出会是这样的：
Object { year: "2021", month: "8", day: "15" }这个示例展示了如何使用命名分组，并使用 String.prototype.matchAll 方法获取得到命名分组的值。
总结
在 ECMAScript 2021 中，我们现在可以使用 String.prototype.matchAll 方法来获取所有匹配结果，并且方便地获取到命名分组的值。这个新的方法在前端开发中非常有用，并且可以解决一些常见的问题。如果你想更深入地了解这个功能，请查看官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ec6689f6b2d6eab36acdd9