React/JS循环中无法向对象追加属性且循环重复问题求助

问题场景 #

我需要在for循环内，当条件满足时，给数组特定索引位置的现有对象追加内容，但尝试了多种方法都没达到预期效果。

试过的无效方法 #

• push()：只能往数组末尾添加新元素，无法定位到指定对象进行内容追加
• append()：不是JavaScript数组或对象的标准方法，没有作用
• splice()：会将内容作为新对象插入数组，而非合并到目标对象中

解决方法 #

最终用Object.assign()实现了需求——我的场景是要向现有对象插入另一个完整对象（而非单个变量），示例代码如下：

原数组示例 #

const userList = [
  { id: 1, username: 'Alice' },
  { id: 2, username: 'Bob' }
];

循环内追加对象内容的代码 #

for (let i = 0; i < userList.length; i++) {
  // 条件判断：找到id为2的对象
  if (userList[i].id === 2) {
    // 用Object.assign合并现有对象与新内容
    Object.assign(userList[i], { age: 30, gender: 'male' });
  }
}

执行结果 #

数组中目标对象会被追加新属性：

[
  { id: 1, username: 'Alice' },
  { id: 2, username: 'Bob', age: 30, gender: 'male' }
]

补充：Object.assign()是浅合并，如果需要处理嵌套对象的深合并，可以使用扩展运算符{...userList[i], ...newObject}，或者自定义深合并函数。

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