如何为JavaScript对象数组批量添加对应id属性？

错误原因 #

你写的嵌套循环逻辑完全错误：每次遍历ids里的一个id值，就把所有objArr中的对象的id全覆写成当前这个id。比如第一次循环item='a'时，所有对象的id都会被设为'a'；第二次item='b'时，又全部改成'b'……直到最后一次循环item='f'，所有对象的id都会变成'f'。你提到的所有对象id都是'a'，应该是其他错误写法导致的，但这段代码的核心问题是不该用嵌套循环，它无法实现“一一对应赋值”的需求，反而会让每个id都覆盖所有对象的属性。

正确实现方法 #

由于两个数组长度一致，只需要按索引一一对应赋值即可，以下是几种常用的正确写法：

1. 普通for循环（最直观）

for (let i = 0; i < objArr.length; i++) {
  objArr[i].id = ids[i];
}

2. forEach带索引参数

利用forEach的第二个参数index直接匹配对应id：

objArr.forEach((obj, index) => {
  obj.id = ids[index];
});

3. map方法（生成新数组，不修改原数组）

如果不想改动原objArr，可以用map创建新数组：

const newObjArr = objArr.map((obj, index) => {
  // 浅拷贝原对象，避免修改原数据
  return { ...obj, id: ids[index] };
});

4. for...of配合索引计数

let idx = 0;
for (const obj of objArr) {
  obj.id = ids[idx];
  idx++;
}

内容的提问来源于stack exchange，提问作者i-am-niall