JavaScript正则表达式split方法处理查询字符串的异常原因及实现预期输出的方案

1. 为什么=和&会出现在结果数组中？ #

这是因为你在split()里用的正则包含了捕获组（就是(^|&)和(=|$)这些带括号的部分）。JavaScript的split()有个特性：如果正则带捕获括号，捕获组匹配到的内容会被插入结果数组，而不是像普通分隔符那样被丢弃。你的正则里，(^|&)会抓到字符串里的&，(=|$)会抓到=，所以这些符号就留在了数组里。

2. 结果数组开头为什么有两个空字符串？ #

这是因为正则的第一个捕获组(^|&)匹配了字符串的起始位置（^），但这个位置本身没有对应任何字符。当split()在起始位置分割时，第一个元素就是空字符串（起始位置前没内容）；同时，捕获组匹配起始位置时没抓到实际字符，又会往数组里插一个空字符串——这就导致了开头的两个连续空串。

3. 如何修改得到预期输出？ #

想要提取每个=后面的值，有几种更直观的方法：

方法一：拆分键值对后提取（可读性最高）

先按&把字符串拆成单个键值对，再对每个键值对按=拆分取第二部分：

var str = "abc=def&ghi=jkl&mno=pqr";
var a = str.split('&').map(pair => pair.split('=')[1]);
console.log(a); // 输出: ["def", "jkl", "pqr"]

方法二：用正则直接匹配目标值

直接匹配所有=后面到&或字符串结尾的内容，再去掉开头的=：

var str = "abc=def&ghi=jkl&mno=pqr";
var matches = str.match(/=(.*?)(?=&|$)/g);
var a = matches ? matches.map(item => item.slice(1)) : [];
console.log(a); // 输出: ["def", "jkl", "pqr"]

方法三：调整split()的正则（不推荐，可读性较差）

如果一定要用split()，可以用非捕获组避免保留分隔符，再过滤空串：

var str = "abc=def&ghi=jkl&mno=pqr";
var a = str.split(/(?:^|&)[^=]+=/).filter(Boolean);
console.log(a); // 输出: ["def", "jkl", "pqr"]

这里(?:...)是非捕获组，不会把匹配内容加入数组，[^=]+=匹配键名和后面的=，分割后过滤掉开头的空串就得到目标值。

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