JavaScript如何按空格分割字符串且不拆分引号、反引号内的内容？

问题根因 #

你遇到的输出异常是因为 String.prototype.split() 的规则限制：如果传入的正则表达式包含捕获组，匹配到的捕获组内容会被一同插入返回的数组中。你写的正则里的 (['"])` 是普通捕获组，用于反向引用匹配成对引号，但也因此导致返回结果中插入了额外的捕获内容，最终得到7个元素。

解决方案 #

方案1：使用match方法直接匹配参数项（更推荐）

直接写正则匹配所有符合规则的参数单元，逻辑更直观，不需要处理多余元素：

const str = `argument "second argument" 'third argument' \`fourth argument\``;
const result = str.match(/`[^`]*`|'[^']*'|"[^"]*"|\S+/g);
console.log(result); 
// 输出：['argument', '"second argument"', "'third argument'", '`fourth argument`']

正则逻辑说明：优先匹配被反引号、单引号、双引号包裹的完整内容，再匹配无引号包裹的连续非空字符。

方案2：保留split写法，过滤多余元素

如果要沿用你原有的正向预查逻辑，只需要在split后过滤掉无效的多余捕获内容即可：

const str = `argument "second argument" 'third argument' \`fourth argument\``;
const result = str.split(/\s(?=(?:[^'"`]*(['"`])[^'"`]*\1)*[^'"`]*$)/g).filter(Boolean);
console.log(result);
// 输出：['argument', '"second argument"', "'third argument'", '`fourth argument`']

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