动态对象数组中为嵌套abc对象添加checkboxSelected字段失败求助

你可以通过以下几种方式实现需求：

方法一：使用扩展运算符（推荐，不修改原对象） #

利用数组的map方法遍历每个元素，同时用扩展运算符克隆外层对象和内部的abc对象，添加新属性：

const updatedArray = originalArray.map(item => ({
  ...item,
  abc: {
    ...item.abc,
    checkboxSelected: false
  }
}));

方法二：正确使用Object.assign #

如果想用Object.assign，需要注意同时处理外层对象和内层的abc对象，确保层级正确：

const updatedArray = originalArray.map(item => 
  Object.assign({}, item, {
    abc: Object.assign({}, item.abc, { checkboxSelected: false })
  })
);

方法三：直接修改原对象（如果允许修改原数据） #

如果不需要保留原数组的原始状态，可以直接遍历修改每个元素的abc属性：

originalArray.forEach(item => {
  item.abc.checkboxSelected = false;
});

你之前尝试失败的可能原因 #

大概率是只处理了外层对象，没正确嵌套更新abc内部的属性。比如如果仅执行Object.assign({}, item, { checkboxSelected: false })，会把checkboxSelected加到外层对象而非abc里，不符合需求。

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