JavaScript中如何将多组键值对对象组合成指定结构？

嘿，先纠正一个小误区：你写的那个prdObj= ({id:"1" ,desc: "first"} , {id:"2", desc:"two"} , {id:"3" , desc:"three"});在JavaScript里是逗号表达式，执行后prdObj只会等于最后一个对象{id:"3" , desc:"three"}，这显然不是你想要的效果对吧？

根据你的描述，我猜你实际需要的是两种常见结构之一：要么是按顺序存储所有对象的数组，要么是按id作为唯一标识管理对象的键值对象，下面分别给出具体实现方案：

方案1：用数组存储（保留顺序） #

如果需要保留对象的添加顺序，数组是最直观的选择：

1. 先初始化一个空数组作为容器：

let prdObj = [];

2. 在点击函数中，每次获取到目标对象后，用push()方法添加到数组里：

function handleClick() {
  // 这里替换成你实际获取对象的逻辑，比如从表单/接口拿到的对象
  const currentItem = {id: "1", desc: "first"}; 
  prdObj.push(currentItem);
}

多次触发点击后，prdObj的结构就会是你期望的有序集合：

[
  {id:"1" ,desc: "first"},
  {id:"2", desc:"two"},
  {id:"3" , desc:"three"}
]

方案2：用键值对象存储（按id去重） #

如果希望通过id快速查找对象，并且避免重复添加相同id的内容，可以把容器设计成以id为键的对象：

1. 初始化空对象：

let prdObj = {};

2. 在点击函数中，利用对象的属性赋值来添加对象：

function handleClick() {
  const currentItem = {id: "2", desc: "two"}; // 替换成你的实际对象
  // 用对象的id作为键，后续相同id会自动覆盖旧值
  prdObj[currentItem.id] = currentItem;
}

多次点击后，prdObj的结构会变成：

{
  "1": {id:"1" ,desc: "first"},
  "2": {id:"2", desc:"two"},
  "3": {id:"3" , desc:"three"}
}

额外提醒 #

你最初写的逗号表达式写法在实际开发中几乎不会用到，因为它无法实现“存储多个对象”的需求。建议根据你的业务场景选择数组或键值对象的方案～

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