matchAll() 是JavaScript中字符串的全局匹配方法,需配合带g标志的正则表达式使用,返回包含所有匹配结果(含索引和捕获组)的迭代器,可通过循环或展开语法转换为数组进行后续处理。

在JavaScript中,matchAll() 是一个用于字符串的方法,能够全局匹配正则表达式的所有结果,包括捕获组。它比传统的 match() 更强大,特别适合需要获取每个匹配项详细信息的场景。
基本语法
str.matchAll(regexp)
参数要求:
- regexp:必须是一个带有 g 标志(全局匹配)的正则表达式,否则会抛出错误。
- 返回值是一个 迭代器(Iterator),包含所有匹配结果,每个结果都是一个数组,附带额外属性如 index 和 input。
使用示例
假设有这样一段文本,想提取所有的单词及其位置:
const text = "Hello, hello, world!";const regex = /hello/gi;
const matches = text.matchAll(regex);
for (const match of matches) {
console.log(match);
}
输出结果类似:
["Hello", index: 0, input: "Hello, hello, world!", groups: undefined]["hello", index: 7, input: "Hello, hello, world!", groups: undefined]
可以看到每个匹配项都包含了匹配的字符串、在原字符串中的索引位置等信息。
配合捕获组使用
当正则中包含括号(捕获组)时,matchAll() 能清晰地返回每组内容。
Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件,它使用简单,出来提供基本的属性外,还提供了自动事件和自定义方法,能够满足大多数需求。
const regex = /User: (\w+), Age: (\d+)/g;
const matches = text.matchAll(regex);
for (const match of matches) {
console.log(`姓名: ${match[1]}, 年龄: ${match[2]}`);
}
输出:
姓名: Alice, 年龄: 25姓名: Bob, 年龄: 30
这里 match[1] 对应第一个捕获组(姓名),match[2] 是年龄。
转换为数组处理
由于 matchAll() 返回的是迭代器,不能直接使用数组方法。可以用展开语法或 Array.from() 转成数组:
const allMatches = [...text.matchAll(regex)];// 或者
const allMatches = Array.from(text.matchAll(regex));
这样就可以使用 map、filter 等方法进一步处理。
基本上就这些。只要记得正则必须带 g,并且结果是迭代器,需要用循环或转换才能完整获取数据。matchAll() 在处理复杂文本解析时非常实用。









