JS中如何在.map遍历中跳过元素无需额外添加.filter等方法

你现有代码存在两个明显问题：

• 当找不到匹配的user时，直接访问user.email会触发空引用报错
• 嵌套的Array.find每次匹配都要全量遍历users数组，数据量上升时性能损耗非常明显

推荐实现如下，仅额外对users做一次遍历构建id索引，后续所有匹配都是O(1)常数时间查找，总遍历次数远低于原有嵌套逻辑，完全不会增加冗余遍历，同时满足无匹配时不修改item的要求：

// 单次遍历users构建id-用户对象的映射表
const userMap = new Map(users.map(user => [user.id, user]));

items = items.map(item => {
  const matchedUser = userMap.get(item.user_id);
  // 无匹配直接返回原item，不做任何修改
  if (!matchedUser) {
    return item;
  }

  // 匹配成功才补充对应字段
  item.email = matchedUser.email;
  item.user_name = matchedUser.name;
  return item;
});

补充说明 #

• 如果你需要保持原item对象不可变、不修改原始数据，可以将匹配成功后的返回逻辑替换为return { ...item, email: matchedUser.email, user_name: matchedUser.name }即可
• 该实现时间复杂度为O(n+m)（n为items长度，m为users长度），远优于原有嵌套实现的O(n*m)复杂度，数据量越大性能优势越明显

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