在前端开发中，我们经常遇到需要处理字符串匹配的情况。而在 ES12 中，新增了名为 String.prototype.matchAll 的方法，能够更为轻松地处理字符串匹配问题。
什么是 String.prototype.matchAll 方法？
String.prototype.matchAll 方法用于在字符串中查找一组匹配的子串，并以迭代器形式返回所有匹配项及其捕获分组。相较于常用的 String.prototype.match 方法，该方法具有以下优势：
- 返回所有匹配项及其捕获分组，而非仅返回第一个匹配项。
- 返回结果为迭代器对象，能够更好地处理多个匹配项。
如何使用 String.prototype.matchAll 方法？
String.prototype.matchAll 方法接受一个正则表达式作为参数，并返回一个迭代器对象。示例代码如下：
const str = 'Welcome to the world of coding!'; const regex = /\w+/g; const iterator = str.matchAll(regex); console.log(iterator);
使用迭代器对象遍历匹配项及其捕获分组，示例代码如下：
for(const match of iterator) {
console.log(match);
}以上代码会输出以下结果：
['Welcome'] ['to'] ['the'] ['world'] ['of'] ['coding']
如何处理捕获分组？
通过 match 对象的 groups 属性访问捕获分组，示例代码如下：
-- -------------------- ---- ------- ----- --- - ------------- ----- ----- - ------------------------------------------------ ----- -------- - -------------------- --------- ----- -- --------- - ------------------------------- -------------------------------- ------------------------------ -
以上代码会输出以下结果：
2021 03 09
总结
String.prototype.matchAll 方法是一个强大的字符串匹配工具，它能够更为轻松地处理字符串匹配问题，并且返回结果为迭代器对象，便于处理多个匹配项。在实际开发中，我们可以结合捕获分组，更为灵活地处理匹配结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d1ebc9b5eee0b525944202