如何拆分逗号分隔冒号连接键值的字符串并转换为JavaScript对象

你现有正则处理链路已经完成了字符串清洗、拆分为键值对数组的工作，缺少的是将数组中每一个key : value格式的字符串进一步拆分、去空格后组装为对象的步骤，完整实现逻辑如下：

完整代码示例 #

const string = "a_key : a_value, b_key: b_value, c_key: c_value";
// 原有清洗逻辑：去除换行符、双引号
const processedStr = string.replace(/(\r\n|\n|\r|\\n)/gm, ' ').replace(/"/g, '');
const targetObj = {};

// 新增步骤：遍历键值对数组，拆分键值后组装对象
processedStr.split(',').forEach(pair => {
  // 按冒号拆分出键和值，分别去除首尾空白
  const [key, value] = pair.split(':');
  targetObj[key.trim()] = value.trim();
});

执行后打印targetObj即可得到你需要的对象格式：

console.log(targetObj); 
// 输出：{ a_key: 'a_value', b_key: 'b_value', c_key: 'c_value' }

简化写法（使用reduce） #

如果你偏好更简洁的链式调用，可以用Array.reduce直接生成对象：

const targetObj = string.replace(/(\r\n|\n|\r|\\n)/gm, ' ').replace(/"/g, '')
  .split(',')
  .reduce((obj, pair) => {
    const [k, v] = pair.split(':').map(item => item.trim());
    obj[k] = v;
    return obj;
  }, {});

特殊场景兼容 #

如果你的业务场景中存在值包含冒号的情况（比如desc: 地址:xx路xx号），可以调整拆分逻辑避免值被截断：

processedStr.split(',').forEach(pair => {
  const firstColonIndex = pair.indexOf(':');
  const key = pair.slice(0, firstColonIndex).trim();
  const value = pair.slice(firstColonIndex + 1).trim();
  targetObj[key] = value;
});

内容的提问来源于stack exchange，提问作者F. Certainly.