JavaScript正则多分组匹配问题：无法捕获全部分组

这是个很常见的正则陷阱，我来帮你理清楚问题出在哪，以及怎么解决👇

问题根源 #

你遇到的核心问题是：正则里的重复捕获组（带+/*等量词的分组），每次匹配都会覆盖之前的捕获结果。

你的正则^#(\|?[^|]+\|[^|]+\|?)+?$中，(\|?[^|]+\|[^|]+\|?)是一个捕获组，后面跟着+表示可以重复匹配。但正则引擎只会保留最后一次匹配这个组的内容，所以你最终只能拿到最后一对morestuff|evenmorestuff，前面的分组都被覆盖掉了。

解决方案 #

根据你的需求，有两种简单可行的处理方式：

方法1：先提取整体内容，再拆分配对

先把#后面的所有内容提取出来，再按|分割后两两组合：

const hash = window.location.hash; // 示例值："#something|somethingelse|morestuff|evenmorestuff"
// 提取#后面的全部内容
const content = hash.match(/^#(.+)$/)?.[1] || '';
const parts = content.split('|');
const pairs = [];

// 两两分组
for (let i = 0; i < parts.length; i += 2) {
  if (parts[i + 1]) { // 确保存在配对项
    pairs.push(`${parts[i]}|${parts[i + 1]}`);
  }
}

console.log(pairs); // 输出：["something|somethingelse", "morestuff|evenmorestuff"]

方法2：用全局正则逐个提取配对

调整正则去掉首尾锚点，然后通过全局匹配循环提取所有符合要求的配对：

const hash = window.location.hash.slice(1); // 去掉开头的#
const re = /[^|]+\|[^|]+/g; // 精准匹配A|B格式的内容
// 用matchAll一次性获取所有匹配项
const pairs = Array.from(hash.matchAll(re), match => match[0]);

console.log(pairs); // 输出：["something|somethingelse", "morestuff|evenmorestuff"]

matchAll是ES2020引入的方法，能直接返回所有匹配结果的迭代器，用Array.from转成数组非常方便。

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