如何将JavaScript对象中逗号分隔的字符串值转换为对应数组

方案1：通用转换（兼容非字符串属性） #

遍历对象所有可枚举属性，仅对字符串类型的值执行分割操作，支持保留非字符串类型的原值，可选择生成新对象或修改原对象：

const obj = {foo:"bla,bla2,bla3",bar:"bla,bla5"};

// 方式1：生成新对象，不改动原对象
const newObj = Object.fromEntries(
  Object.entries(obj).map(([key, value]) => 
    typeof value === 'string' ? [key, value.split(',')] : [key, value]
  )
);

// 方式2：直接修改原对象
for (const key in obj) {
  if (Object.prototype.hasOwnProperty.call(obj, key) && typeof obj[key] === 'string') {
    obj[key] = obj[key].split(',');
  }
}

方案2：极简写法（已知所有属性值都是待分割字符串） #

如果可以确定当前对象所有属性值都是需要分割的逗号分隔字符串，可以直接简化为一行写法：

const obj = {foo:"bla,bla2,bla3",bar:"bla,bla5"};
const result = Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, v.split(',')]));

提示：如果原字符串逗号前后存在多余空格，可将split(',')替换为split(',').map(item => item.trim())，即可自动去除每个数组元素两端的空格。

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