基于ES6和JavaScript从用户对象数组动态获取选中用户ID

首先修正你提供的用户数组的语法问题：ID值应为字符串（未加引号会被当作变量，导致报错），修正后代码如下：

const users = [
  {name:"john" ,id:"EAD1234"},
  {name:"peter" ,id:"EAD1235"},
  {name:"matt" ,id:"EAD1236"},
  {name:"henry" ,id:"EAD1237"},
];

你提到用filter未得到理想结果，核心原因是filter会遍历整个数组返回所有匹配项，既浪费性能（数据量大时冗余遍历），又需要额外处理才能拿到单个ID。以下是两种更高效的ES6方案：

方案一：使用find方法（单次查询高效） #

find方法遍历数组时，找到第一个符合条件的元素就会立即终止遍历，适合单次或低频查询场景：

function getUserIdByName(targetName) {
  const matchedUser = users.find(user => user.name === targetName);
  return matchedUser ? matchedUser.id : null; // 未找到返回null
}

// 使用示例
console.log(getUserIdByName("john")); // 输出 "EAD1234"

方案二：构建映射表（高频/大量数据最优） #

如果需要多次查询或数据量极大，先通过reduce构建用户名到ID的映射对象，后续查询可实现O(1)时间复杂度的直接取值：

// 预先构建映射表（仅需执行一次）
const nameToIdMap = users.reduce((map, user) => {
  map[user.name] = user.id;
  return map;
}, {});

// 查询函数
function getUserIdByNameFast(targetName) {
  return nameToIdMap[targetName] || null;
}

// 使用示例
console.log(getUserIdByNameFast("peter")); // 输出 "EAD1235"

这个方案的优势在于，映射表只需初始化一次，后续所有查询都无需遍历数组，数据量越大、查询次数越多，性能提升越显著。

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