在 ES10 中使用 RegExp.prototype.matchAll() 来快速匹配文本
正则表达式一直是前端开发中不可或缺的一部分。然而，在旧版的 ECMAScript 中，只能通过 global 匹配来进行多次正则匹配。这使得正则匹配在实际工作中变得比较困难，尤其是当你需要捕获多个匹配结果时更是如此。ES10 中引入了 matchAll() 方法，它可以方便有效地匹配任意数量的匹配结果。
RegExp.prototype.matchAll() 方法与 String.prototype.match() 方法类似，但它有一个主要的不同点：它返回一个由每一个匹配的捕获组组成的迭代器。每个迭代器会包含匹配的全局捕获组（然后可以用 .capture 属性进一步访问它们的 groups）和其他相关数据。
示例：
const regex = /([a-zA-Z]+) (\d+)/g;
const str = 'Jane 1995, John 2001, Mike 1996';
for (const match of str.matchAll(regex)) {
console.log(`${match[1]} was born in ${match[2]}`);
}输出为：
Jane was born in 1995 John was born in 2001 Mike was born in 1996
上面的代码中，我们使用了一个正则表达式 /([a-zA-Z]+) (\d+)/g 来匹配字符串 str 中的每一个名字和年份。然后使用了 matchAll() 方法和 for-of 循环，对每个匹配结果进行了迭代并打印出了相关的信息。
matchAll() 方法可以让我们以一种更简单直接的方式来处理字符串，而不需要手动使用 while() 方法或其他复杂的技巧。它的使用方式也很灵活，你可以通过正则表达式来决定想要捕获什么样的数据，然后进行相应的操作。
总结：
使用 RegExp.prototype.matchAll() 方法可以简化在前端开发中使用正则表达式的难度，也可以减少错误的发生几率。它可以帮助我们更方便地捕获特定的数据，并同时支持对全局匹配持久迭代。无论是在新开发项目还是更新旧项目中，这个工具都能为你节省宝贵的时间和精力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d035f5b5eee0b52572f5d1