正则表达式是前端开发中最常用的工具之一，它可以用来匹配和替换文本。在 ES2020 中，新增了一个非常有用的方法——RegExp.MatchAll()。
RegExp.MatchAll() 的用法
RegExp.MatchAll() 方法可以匹配一个字符串中的所有匹配项，并返回一个迭代器对象，该对象包含所有匹配项。以下是使用该方法的语法：
regexp.MatchAll(string)
其中regexp是一个正则表达式对象，string是将被匹配的字符串。
下面是一个简单的使用示例：
const re = /r/g;
const str = 'regular expressiom';
const matchAllResult = str.matchAll(re);
console.log(matchAllResult);
// 输出
// RegExpStringIterator {}如上所示，当str字符串中不含有正则表达式中的r字符时，matchAll()方法将会返回一个空的迭代器对象。
如果字符串中有匹配项，返回的迭代器对象中收录了所有的匹配结果，下面是一个匹配多个子字符串的示例：
-- -------------------- ---- ------- ----- -- - ----- ----- --- - -------- ------------ ----- -------------- - ----------------- --- ---- ----- -- --------------- - --------------------- ------------- - -- -- -- - - -- - -- -- - --
以上代码将会输出字符串中包含的所有匹配到子字符串e的结果。其中，每一个match对象是一个数组，数组元素包括了当前匹配到的子字符串和该字符串在原字符串str中的位置信息。
由此可见，使用RegExp.MatchAll()方法可以轻松获取一个字符串中所有匹配项的位置信息，这是开发者在一些场景中非常有用的数据。
RegExp.MatchAll() 的指导意义
正则表达式是前端开发中的重要工具，它可以用来匹配、替换、提取等操作，是实现一些非常复杂的功能的必要条件。
在以往，如果我们需要获取一个字符串中所有匹配项的位置及字符串信息，只能通过循环匹配和正则表达式组合使用来实现。而现在，通过使用RegExp.MatchAll()方法，我们可以一步到位地获取所需要的信息。
因此，掌握RegExp.MatchAll()方法的使用，可以有效提高开发效率，并且为后期处理复杂任务提供更加便捷简单的实现方式。
综上所述，RegExp.MatchAll()不仅可以使用简化代码，同时也是开发者们不可或缺的工具之一。
总结
在本文中，我们介绍了 ES2020 中新增的一个非常实用的方法——RegExp.MatchAll()。它可以帮助我们快速获取一个字符串中的所有匹配项，并且提供了详细的位置和字符串信息，从而能够大幅提升开发效率。
希望本文能够对你学习和掌握使用RegExp.MatchAll()方法有所帮助，同时也期待读者们在未来的开发过程中能够更好地运用正则表达式这一工具，实现更为出色的前端开发任务！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64852af848841e9894414fdb