前言
在 ES2020 中，新增了许多新特性，其中一个就是 String.prototype.matchAll() 方法。该方法可以根据正则表达式匹配字符串，并将结果返回一个迭代器对象，方便对匹配结果进行遍历和处理。下面我们就来详细讲解该特性的使用和注意事项。
简介
String.prototype.matchAll() 方法可以接收一个正则表达式作为参数，并返回一个迭代器对象，用于遍历字符串中所有符合正则表达式的子字符串。返回的迭代器对象中包含每个子字符串的信息，包括字符串的值、起始位置、正则表达式的捕获组等。
该方法的原型为：
---------------------------------
其中 regexp 表示用来匹配的正则表达式，可以是一个 RegExp 对象，也可以是一个正则表达式字符串。
调用该方法返回的是一个迭代器对象。每次调用迭代器对象的 next() 方法，都会返回一个包含匹配结果的数组，如果已经没有更多的匹配结果，则返回 { done: true }。
用法示例
下面是一个简单的示例，用来匹配一个字符串中所有以 @ 开头的单词。
----- ------- - ------------
----- --- - ------ ------- --- --- ---- ---------- ---- ---- -- ------
----- ------- - ----------------------
--- ------ ----- -- -------- -
--------------------- -------------
-在这个示例中，我们定义了一个名为 pattern 的正则表达式，用来匹配所有以 @ 开头的单词。然后，在 str 字符串中调用 matchAll() 方法，将正则表达式传入该方法中，返回一个迭代器对象 matches。最后，我们使用 for...of 循环遍历迭代器对象，并打印匹配结果的值和起始位置。
执行上面的代码，将会输出以下结果：
------ - --------- --
这个例子只是 matchAll() 方法功能的简单示例，实际应用中可以通过该方法快速地进行字符串匹配和处理。
注意事项
使用 String.prototype.matchAll() 方法需要注意以下几点：
- 支持该方法的浏览器版本较新，需要使用 polyfill 或者 babel 进行兼容处理。
- 返回的迭代器对象是惰性迭代器，需要手动调用
next()方法才能获取下一个匹配结果。 - 如果正则表达式中存在捕获组，返回的数组中会包含捕获组的信息，需要进行额外处理。
- 在进行正则表达式匹配时，需要注意正则表达式本身是否符合规范，以及性能方面的问题。
结论
ES2020 中新增的 String.prototype.matchAll() 方法提供了一种方便的方式，用于匹配字符串和进行正则表达式处理。我们需要注意该方法的使用和注意事项，以免出现错误或性能问题，让我们的代码更加健壮和高效。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671da0929babaf620fb74702