如何高效从对象数组中按指定key查找目标字段值？

我有一个包含154个对象的JavaScript数组，需要通过指定key（示例中为2，对应对象的id字段）查找并返回对应对象的text字段值（示例中需返回'2222'），请问如何实现最优化的查找方式？

示例代码：

const key = 2;
const arr = [ {id: 1, text: '1111'},  {id: 2, text: '2222'}, {id: 3, text: '333'},]

我尝试的代码如下：

arr.forEach((obj) => {
    Object.keys(obj).forEach((key) => {
        console.log("key : " + key + " - value : " + obj[key]);
  });
});

针对你的需求，分两种场景给出最优实现：

1. 单次查找场景 #

如果只是偶尔执行一次查询，直接用数组的find方法即可，代码简洁且154个元素的规模下性能完全够用：

const key = 2;
const targetItem = arr.find(item => item.id === key);
const result = targetItem ? targetItem.text : undefined; // 找不到时返回undefined，可根据需求调整默认值

2. 多次查找场景 #

如果需要频繁根据id查询text，最优方式是先把数组转换成以id为键、text为值的索引结构，后续查询直接通过键获取，时间复杂度从O(n)降到O(1)：

方法一：转换为普通对象 #

// 预构建索引（只需执行一次）
const idTextMap = arr.reduce((acc, item) => {
  acc[item.id] = item.text;
  return acc;
}, {});

// 后续查询直接取值
const key = 2;
const result = idTextMap[key]; // 直接得到'2222'，不存在则返回undefined

方法二：使用Map对象 #

如果id可能是非字符串类型（比如数字、Symbol），用Map类型更严谨：

// 预构建Map索引
const idTextMap = new Map(arr.map(item => [item.id, item.text]));

// 查询操作
const key = 2;
const result = idTextMap.get(key); // 返回'2222'，不存在则返回undefined

关于你尝试的代码 #

你当前的forEach代码仅用于遍历打印所有对象的键值对，没有实现根据指定id查找对应text的逻辑，上面的方案可以直接替换原有代码完成需求。

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