在编写前端代码中，我们常常需要用到正则表达式来匹配一定格式的字符串。而在 ES11 中，新增了 matchAll() 方法，可以更加高效地进行正则表达式的匹配。本文将详细介绍 matchAll() 方法的使用方法以及其在实际开发中的指导意义。
什么是 matchAll()？
matchAll() 是一个新的正则表达式方法，它可以返回一个包含所有匹配项的迭代器。与传统的 match() 方法不同，matchAll() 方法返回的是一个迭代器，可以通过 for...of 循环逐个访问匹配到的结果。
如何使用 matchAll()？
matchAll() 方法的语法如下：
string.matchAll(regexp)
其中，string 为需要匹配的字符串，regexp 为正则表达式。
通过调用 matchAll() 方法，我们可以获取一个迭代器对象。该对象可以使用 for...of 循环逐一访问匹配到的结果。每个结果都是一个数组，包含匹配到的内容以及相关信息。
示例代码：
const str = 'Hello, World! This is a test string.'; const regex = /\b(\w+)\b/g; const iterator = str.matchAll(regex); for (const match of iterator) { console.log(match); }
上述代码输出结果如下：
-- -------------------- ---- ------- --------- -------- ------ -- ------ ------- ------ ---- -- - ---- --------- ------- ---------- --------- -------- ------ -- ------ ------- ------ ---- -- - ---- --------- ------- ---------- -------- ------- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ---------- ------ ----- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ---------- ----- ---- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ---------- -------- ------- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ---------- ---------- --------- ------ --- ------ ------- ------ ---- -- - ---- --------- ------- ----------展开代码
从输出结果中可以看出，我们对字符串进行了正则表达式匹配，并通过 for...of 循环逐一访问了匹配的结果。
matchAll() 的指导意义
matchAll() 方法不仅可以提高代码的效率，还可以使代码更加简洁，易于阅读和理解。除此之外，matchAll() 方法还可以帮助我们在开发中更好地使用正则表达式。
在实际开发中，我们经常会遇到需要匹配多个字符串的情况。此时，使用 matchAll() 方法可以更加便捷地处理这些字符串，并能够帮助我们快速地获取到所有匹配项。
另外，matchAll() 方法可以支持正则表达式的“全局匹配”，同时可以获取到匹配项的详细信息。这些信息包括匹配的子串、匹配的索引、匹配的 groups 等等。这能够帮助我们更好地理解正则表达式的工作原理，并能够帮助我们更加灵活地运用正则表达式。
总结
ES11 中的 matchAll() 方法为我们提供了一个高效且灵活的正则表达式匹配方法。使用它能够提高我们的代码效率，同时也能帮助我们更好地理解和运用正则表达式。在日常开发中，我们可以考虑使用 matchAll() 方法来更好地满足我们的业务需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6483af2f48841e98942fc5ee
