如何在JavaScript中分割字符串，但不拆分引号内的内容？

嘿，这个带引号的CSV分割场景确实容易踩坑！你之前尝试的正则没起作用，主要是因为它没有正确识别带引号字段的逻辑，咱们一步步来搞定这个问题。

问题分析 #

你的输入字符串是：

myKey,this is a string,"This is yet, another, string"

核心需求是：引号包裹的字段里的逗号不能作为分隔符，最终要得到包含三个元素的数组。你之前用的str.split(/([^,"]+|[^,"]*)+/g)[0]之所以只返回第一个字符，是因为这个正则的匹配逻辑没覆盖带引号的字段，而且用split结合这种捕获组的写法也不符合需求——split会把分隔符和内容混在一起，反而不如用match来提取目标字段更直接。

正则解决方案 #

我们可以用一个能匹配两种字段的正则：要么是带双引号的内容（捕获引号内的部分），要么是不带引号的非逗号内容。具体代码如下：

const inputStr = 'myKey,this is a string,"This is yet, another, string"';
// 正则逻辑：匹配带引号的内容（捕获内部），或匹配非逗号的连续字符
const csvRegex = /"([^"]*)"|([^,]+)/g;
const result = [];
let matchResult;

// 循环匹配所有符合条件的字段
while ((matchResult = csvRegex.exec(inputStr)) !== null) {
  // 优先取引号内的捕获组，没有的话取普通字段的捕获组
  result.push(matchResult[1] || matchResult[2]);
}

console.log(result);
// 输出：["myKey", "this is a string", "This is yet, another, string"]

这个正则的工作原理：

• "([^"]*)"：匹配被双引号包裹的内容，[^"]*表示匹配除了双引号之外的任意字符（0次或多次），并把引号内的内容捕获到第一个分组。
• |：逻辑或，匹配两种情况中的一种。
• ([^,]+)：匹配不包含逗号的连续字符，捕获到第二个分组。

更健壮的方案（处理复杂CSV） #

如果你的场景涉及更复杂的CSV格式（比如引号内包含转义引号"He said ""hello""",test、换行符等），正则就很难覆盖所有边缘情况了。这种情况下，建议使用专门的CSV解析库，比如JavaScript中的papaparse，它能处理各种标准CSV的特殊情况，用法也很简单：

// 假设已经引入papaparse库
const inputStr = 'myKey,this is a string,"This is yet, another, string"';
const parsedResult = Papa.parse(inputStr, { header: false });
console.log(parsedResult.data[0]);
// 输出同样符合预期的数组

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