在前端开发中，我们经常需要使用正则表达式来进行字符串的匹配。在 ES10 中，新增了一个方法 String.prototype.matchAll()，可以更方便地进行正则表达式匹配，同时解决一些常见的问题。
问题
在 ES6/ES7 中，我们通常使用 String.prototype.match() 方法来进行正则表达式匹配。这个方法返回一个数组，其中包含所有匹配成功的子串。但是，当我们需要获取每个匹配子串的详细信息时，会遇到一些问题：
- 无法获取每个匹配子串的索引信息；
- 无法获取每个匹配子串的捕获组信息。
为了解决这些问题，我们通常需要使用 RegExp.prototype.exec() 方法，但是这个方法需要进行循环，比较麻烦。
解决方案
ES10 中新增了一个方法 String.prototype.matchAll()，可以更方便地进行正则表达式匹配，同时解决了上述问题。
获取每个匹配子串的索引信息
String.prototype.matchAll() 方法返回一个迭代器，我们可以通过 for...of 循环依次获取每个匹配子串的详细信息，包括索引信息和匹配子串：
-- -------------------- ---- ------- ----- ------ - ------- ----- --- - ---- ----- ----- ------- - --------------------- --- ------ ----- -- -------- - ------------------------ -- ----------------- -- ------- -- --- -- - -- --- -- - -
获取每个匹配子串的捕获组信息
String.prototype.matchAll() 方法还可以获取每个匹配子串的捕获组信息。我们只需要将正则表达式中的捕获组加上括号，就可以在迭代器中获取到对应的捕获组：
-- -------------------- ---- ------- ----- ------ - --------------------------- ----- --- - ------------ ----------- ------------ ----- ------- - --------------------- --- ------ ----- -- -------- - ------------------ ------------ ----- ------------ ------ ------------ ---- -------------- -- ------- -- ----- ----------- ----- ----- ------ --- ---- -- -- ----- ----------- ----- ----- ------ --- ---- -- -- ----- ----------- ----- ----- ------ --- ---- -- -
其他用法
除了上述用法之外，String.prototype.matchAll() 方法还有一些其他用法：
- 对于非全局匹配的正则表达式，返回结果与
RegExp.prototype.exec()方法相同； - 支持传递字符串参数。
总结
ES10 中新增的 String.prototype.matchAll() 方法可以更方便地进行正则表达式匹配，同时解决了一些常见的问题。在实际开发中，我们可以根据需要选择合适的方法进行匹配，提高开发效率和代码可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6491627648841e9894f65415