如何利用 String.prototype.matchAll 进行批量捕获？-js教程-PHP中文网

matchall是javascript中用于批量提取正则匹配结果的方法，返回带完整匹配信息的可迭代对象，要求正则必须含g标志，支持捕获组、命名捕获组，遍历结果含match[0]（全匹配）、match[1]等（捕获组）、index和groups属性。

如何利用 string.prototype.matchall 进行批量捕获？

matchAll 是 JavaScript 中专门用于批量提取正则匹配结果的方法，它返回一个可迭代对象（Iterator），每次迭代返回一个包含完整匹配信息的数组，适合处理多个捕获组、重复出现的模式。

确保使用全局标志 g

matchAll 要求正则表达式必须带有 g（global）标志，否则会抛出 TypeError。没有 g 标志时，它无法知道你要“批量”匹配。

✅ 正确：/(\d+)-(\w+)/g
❌ 报错：/(\d+)-(\w+)/（缺少 g）

遍历结果获取每组捕获内容

返回的迭代器每一项是一个类似 exec() 的匹配数组：首项是整个匹配字符串，后续是各捕获组内容，还带 index 和 groups（如果有命名捕获）等属性。

刺鸟创客

一款AI工具，主要用于一款专业高效稳定的AI内容创作平台，适合需要提升相关任务效率的用户。

下载

用 for...of 最直观：

const text = "id:123-name, id:456-tag";
const regex = /id:(\d+)-(\w+)/g;
for (const match of text.matchAll(regex)) {
  console.log(match[0]); // "id:123-name", "id:456-tag"
  console.log(match[1], match[2]); // "123" "name"；"456" "tag"
}

转成数组也方便后续操作：Array.from(text.matchAll(regex))

配合命名捕获组提升可读性

ES2018 支持命名捕获组 (?<name>...)</name>，matchAll 返回的每个 match 对象中，match.groups 属性直接提供键值对，避免靠索引记位置。

示例：

const regex = /id:(?<id>\d+)-(?<type>\w+)/g;
for (const m of text.matchAll(regex)) {
  console.log(m.groups.id, m.groups.type); // "123" "name"；"456" "tag"
}</type></id>