技术问询：如何更新数组中的对象，将King的年龄从3改为4？

嘿，这个需求在日常开发里太常见啦，我给你分享几种JavaScript里常用的实现方式，按需选择就好：

方法1：直接定位对象修改（最直观高效） #

假设你的数组是这样的：

const characters = [
  { name: 'King', age: 3 },
  { name: 'Queen', age: 2 },
  { name: 'Knight', age: 1 }
];

我们可以用find()方法快速找到目标对象，因为对象是引用类型，直接修改它的属性就会同步更新原数组里的对应对象：

// 找到name为King的第一个对象
const kingObj = characters.find(item => item.name === 'King');

// 先判断是否找到，避免找不到时报错
if (kingObj) {
  kingObj.age = 4;
}

这种方式适合允许修改原数组的场景，操作简单直接。

方法2：返回新数组（Immutable 无副作用风格） #

如果你的项目遵循Immutable理念，不想修改原数组，可以用map()方法生成一个新数组：

const updatedCharacters = characters.map(item => {
  // 匹配到King时，复制原对象并修改age，其他对象直接返回
  return item.name === 'King' ? { ...item, age: 4 } : item;
});

这样原数组characters保持不变，新数组updatedCharacters里的King年龄已经是4了，适合React这类注重状态不可变的框架场景。

方法3：遍历数组修改（适合多匹配场景） #

如果数组里可能有多个叫King的对象，想要全部修改它们的年龄，可以用forEach()遍历：

characters.forEach(item => {
  if (item.name === 'King') {
    item.age = 4;
  }
});

它会遍历数组里的每一个元素，只要匹配到就修改，适合批量更新的需求。

小提示 #

• 如果不确定数组里一定有King对象，记得在修改前做存在性判断（比如方法1里的if (kingObj)），避免出现Cannot set properties of undefined的报错。
• 如果有多个同名对象，find()只会修改第一个，map()和forEach()会修改所有匹配的，根据你的实际需求选择就行。

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