如何修改对象内部对象数组的属性？扩展运算符失效问题

一、直接修改原对象（会改变原始数据） #

如果不需要保留原数据的状态，可以直接遍历数组修改每个对象的属性：

// 假设目标对象名为quizItem
quizItem.answers.forEach(answer => {
  answer.isSelected = true;
});

也可以用map生成新数组后覆盖原数组：

quizItem.answers = quizItem.answers.map(answer => {
  answer.isSelected = true;
  return answer;
});

二、不修改原对象（Immutable 模式，适合需要保留原数据的场景） #

如果想用扩展运算符实现不可变更新，需要逐层解构复制，避免直接修改原数据：

const updatedQuizItem = {
  ...quizItem, // 复制原对象的所有非数组属性
  answers: quizItem.answers.map(answer => ({
    ...answer, // 复制每个answer对象的原有属性
    isSelected: true // 覆盖目标属性
  }))
};

这种方式会生成一个全新的对象，原对象quizItem和其中的answers数组都不会被改动，这应该是你之前使用扩展运算符时没做到的正确嵌套写法。

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