JavaScript：如何在对象数组中仅修改指定ID对象的'favorite'属性值

这里有几种实用的方式来实现你需要的需求，都是JavaScript里操作数组对象的常用方法：

方法1：使用map()创建新数组（推荐保持数据不可变性） #

map()方法会遍历原数组并返回一个全新的数组，不会修改原数据，非常适合需要保持数据纯净的场景（比如React状态管理）：

const originalArray = [
  {"id":34567, "description":"The description goes here", "favorite":false},
  {"id":34569, "description":"The description goes here", "favorite":false}
];

const updatedArray = originalArray.map(item => {
  // 匹配到目标ID时，复制原对象并修改favorite属性，其余对象原样返回
  return item.id === 34567 
    ? {...item, favorite: true} 
    : item;
});

console.log(updatedArray);

说明：这里用扩展运算符(...)复制原对象的所有属性，再覆盖favorite的值，确保原对象不会被改动。

方法2：直接修改原数组（适合不需要保留原数据的场景） #

如果不需要保留原数组的初始状态，可以直接找到目标对象修改：

const originalArray = [
  {"id":34567, "description":"The description goes here", "favorite":false},
  {"id":34569, "description":"The description goes here", "favorite":false}
];

// 找到第一个匹配ID的对象
const targetItem = originalArray.find(item => item.id === 34567);
// 先判断对象是否存在，避免报错
if (targetItem) {
  targetItem.favorite = true;
}

console.log(originalArray);

方法3：用forEach()遍历修改 #

和方法2逻辑类似，通过遍历数组找到目标对象并修改：

const originalArray = [
  {"id":34567, "description":"The description goes here", "favorite":false},
  {"id":34569, "description":"The description goes here", "favorite":false}
];

originalArray.forEach(item => {
  if (item.id === 34567) {
    item.favorite = true;
  }
});

console.log(originalArray);

关键注意点 #

• 不可变性优先：如果你的项目依赖数据不可变性（比如前端框架的状态更新），一定要用map()方法，直接修改原数据可能导致难以追踪的bug。
• 空值判断：使用find()时，最好加个存在性判断，防止数组中没有匹配ID的对象时出现undefined修改属性的报错。

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