ES12 中的 RegExp.prototype.matchAll
在 JavaScript 的正则表达式中，我们经常使用 .test() 和 .exec() 方法来匹配字符串。但是，这些方法都只返回第一个匹配项。此时，我们需要使用 ES12 中新增的 RegExp.prototype.matchAll 方法来处理多个匹配项。本文将详细介绍 RegExp.prototype.matchAll 的用法及其指导意义。
- 什么是 RegExp.prototype.matchAll
RegExp.prototype.matchAll 是 ES12 中新增的正则表达式方法，其返回一个迭代器对象，其包含所有匹配项的信息。该方法可以让我们在一个字符串中匹配所有的模式，并返回每个模式的详细信息。
- RegExp.prototype.matchAll 的语法和用法
RegExp.prototype.matchAll 的语法如下：
RegExp.prototype.matchAll(regex)
其中，regex 是需要匹配的模式。
该方法返回一个迭代器对象，可以使用 for...of 循环来遍历所有的匹配项。
示例代码如下：
const str = "The quick brown fox jumps over the lazy dog."; const regex = /[a-z]/g; const matches = str.matchAll(regex); for (const match of matches) { console.log(match); }
输出结果：
{ 0: "h", index: 1, input: "The quick brown fox jumps over the lazy dog.", groups: undefined } { 0: "e", index: 2, input: "The quick brown fox jumps over the lazy dog.", groups: undefined } { 0: "q", index: 4, input: "The quick brown fox jumps over the lazy dog.", groups: undefined } { 0: "u", index: 5, input: "The quick brown fox jumps over the lazy dog.", groups: undefined } ... { 0: "g", index: 39, input: "The quick brown fox jumps over the lazy dog.", groups: undefined }
从上面的示例代码中可以看出，在使用 for...of 循环遍历迭代器对象时，每个匹配项会以对象的形式返回。每个对象都包含了匹配项的信息，例如匹配的字符串、匹配的索引位置等等。
- RegExp.prototype.matchAll 的指导意义
RegExp.prototype.matchAll 的出现使得我们能够更加方便、快捷地处理字符串中的所有匹配项。如果您需要在一个字符串中查找多个相同的模式，并获取所有的匹配项的信息，那么 RegExp.prototype.matchAll 就是您的不二选择。
此外，除了细节方面的处理之外，matchAll 基本上是 exec 的一个增强版。exec 方法再对于指定正则表达式对象进行匹配时只返回第一个匹配项。然而 matchAll 方法能够返回给定字符串中所有包含正则表达式的匹配项。
总结
RegExp.prototype.matchAll 是 ES12 中新增的 RegExp 对象的方法，可以让我们处理一个字符串中的所有匹配项并返回它们的详细信息。这是在处理需求类型比较多时，必不可少的一个方法。如果你想在一个字符串中查找多个相同的模式并获取所有的匹配项的信息，那么 RegExp.prototype.matchAll 就是您的不二选择。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653347627d4982a6eb6ca1e5