如何根据键值引用对象？通过ID定位数组对象获取属性

这问题我之前做项目时也碰到过！因为数组索引随时会变，靠下标找对象根本不靠谱，不过用JS数组的内置方法就能轻松解决，下面给你两种常用的方案：

1. 单次查找用find()方法 #

这是最直接的方式，遍历数组找到第一个匹配ID的对象，再提取它的name属性：

// 你的对象数组
const objArray = [
  {id: 1, name: 'First'},
  {id: 2, name: 'Second'},
  {id: 3, name: 'Third'}
];

// 你要查找的目标ID
const targetId = 1;

// 找到对应对象并获取name属性
const targetName = objArray.find(obj => obj.id === targetId)?.name;

console.log(targetName); // 输出：'First'

细节说明： #

• find()方法会遍历数组，返回第一个满足obj.id === targetId条件的对象；如果找不到匹配的ID，会返回undefined
• 后面的?.是可选链操作符，能避免找不到对象时访问undefined.name导致的报错——如果没找到对应ID，targetName会直接返回undefined，你也可以换成默认值，比如：

  const targetName = objArray.find(obj => obj.id === targetId)?.name || '未找到';
  

如果你的项目需要兼容不支持可选链的旧环境，可以换成判断语句：

const targetObj = objArray.find(obj => obj.id === targetId);
const targetName = targetObj ? targetObj.name : '未找到';

2. 频繁查找建议转成映射对象 #

如果需要多次根据ID查找对象，每次遍历数组效率太低，建议先把数组转成以ID为键的映射对象，之后查找就是O(1)的速度：

// 将数组转成ID为键的映射对象
const objMap = objArray.reduce((map, currentObj) => {
  map[currentObj.id] = currentObj;
  return map;
}, {});

// 之后直接通过ID获取name，超方便
const targetName1 = objMap[1]?.name; // 输出：'First'
const targetName2 = objMap[2]?.name; // 输出：'Second'

这种方式的优势在于，后续每次查找都不用再遍历整个数组，数据量越大、查找次数越多，效率提升越明显。

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