如何从JS对象中拆分提取value字段的逗号分隔值并分别赋值给独立变量

核心实现思路 #

使用JS原生字符串方法split()按分隔符拆分接口返回的拼接内容，配合数组解构语法直接生成独立变量，无需引入第三方工具。

操作步骤 #

• 从返回对象中取出value字段的原始拼接字符串
• 以", "为分隔符调用split()，将长字符串拆分为包含独立值的数组
• 按数组顺序将元素值绑定到目标变量

代码实现 #

基础写法：

// 接口返回的原始对象
const res = {
  "data": "data1",
  "value": "value1, value2"
}

// 拆分拼接字符串
const valueList = res.value.split(', ');
// 按需求赋值
var first = valueList[0];
var second = valueList[1];

简洁解构写法：

// 省略中间数组变量，一步完成赋值
var [first, second] = res.value.split(', ');

兼容特殊格式的优化 #

如果遇到分隔符前后空格不固定的情况（比如存在"val1,val2"、"val1 , val2"这类不规则返回），可以用正则匹配分隔规则，同时对拆分结果做首尾空格清理，避免残留无效字符：

// 正则匹配逗号+任意数量空白符作为分隔，清洗每个元素的首尾空格
var [first, second] = res.value.split(/,\s*/).map(item => item.trim());

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