如何提取JavaScript中正则表达式的重叠匹配结果？

普通的全局匹配（/pattern/g）无法捕捉重叠的匹配结果，因为匹配过的字符会被跳过，不会再次扫描。比如你给出的示例代码：

console.log(', , ,'.match(/,\s+,/g)); // 输出：[ ', ,' ]

只能得到1个匹配，但我们需要捕获2个重叠的结果。

解决方案：使用正向零宽断言（正向预查） #

利用**正向预查(?=...)**可以实现重叠匹配，因为预查不会"消耗"字符，匹配后正则指针不会移动，只会检查当前位置后方是否符合模式，从而允许后续匹配从紧邻的下一个位置开始扫描。

实现代码

方法1：用exec循环提取

const str = ', , ,';
const regex = /(?=(\,\s+\,))/g;
const matches = [];
let matchResult;

// 循环执行exec直到没有匹配结果
while ((matchResult = regex.exec(str)) !== null) {
  matches.push(matchResult[1]);
}

console.log(matches); // 输出：[ ', ,', ', ,' ]

方法2：用matchAll提取（ES2020+支持）

const str = ', , ,';
const regex = /(?=(\,\s+\,))/g;

// 转换matchAll的迭代器为数组，提取捕获组内容
const matches = Array.from(str.matchAll(regex), item => item[1]);

console.log(matches); // 输出：[ ', ,', ', ,' ]

规则验证 #

• 输入, ,：匹配1次，结果为[ ', ,' ]
• 输入, , ,：匹配2次，结果为[ ', ,', ', ,' ]
• 输入, , , ,：匹配3次，结果为[ ', ,', ', ,', ', ,' ]

内容的提问来源于stack exchange，提问作者MGX