如何用JavaScript合并匹配ID的对象元素？代码返回undefined求解

问题概述 #

我有一个publisher对象数组和一个由这些publisher创建的idea对象数组，每个idea中的user字段存储对应publisher的ID。需要为每个idea添加对应publisher的username，生成同时包含ID和username的新对象数组。

示例数据 #

publisher数组

const publisherObjects = [
  {
    username: 'Curtis',
    description: 'description',
    email: 'email@email.com',
    id: '111'
  },
  // 其他publisher对象
]

idea数组

const ideaObjects = [
  {
    title: 'new idea',
    thesis: 'this is my idea',
    user: '111'
  },
  // 其他idea对象
]

期望输出

const ideasWithUsernames = [
  {
    title: 'new idea',
    thesis: 'this is my idea',
    user: '111',
    username: 'Curtis'
  },
  // 其他合并后的对象
]

你的代码问题 #

当前代码返回全undefined数组，核心错误有三个：

1. 字段名不匹配：示例中publisher的ID字段是id，但代码里用了p._id，导致找不到匹配的publisher，publisher始终为undefined，回调无返回值。
2. 变量名错误：返回对象时用了p.username，但定义的变量是publisher，应该用publisher.username。
3. 缺少无匹配时的返回：当找不到publisher时，map回调没有返回值，也会产生undefined。

你的原代码：

let ideas = ideaObjects.map(i => {
  let publisher = publisherObjects.find(p => p._id === i.user)
  if (publisher)
     return {
        id: i._id,
        title: i.title,
        thesis: i.thesis,
        ticker: i.ticker,
        longOrShort: i.longOrShort,
        publisher: {
          id: i.user,
          username: p.username
        }
     }
}

修正后的代码 #

方案1：匹配示例输出（直接添加username字段） #

const ideasWithUsernames = ideaObjects.map(idea => {
  // 修正字段匹配：使用pub.id而非pub._id
  const publisher = publisherObjects.find(pub => pub.id === idea.user);
  // 展开原idea对象，添加username字段（无匹配时设为null）
  return {
    ...idea,
    username: publisher ? publisher.username : null
  };
});

方案2：保留嵌套publisher结构 #

const ideas = ideaObjects.map(i => {
  const publisher = publisherObjects.find(pub => pub.id === i.user);
  if (publisher) {
    return {
      id: i._id, // 确认你的idea是否真的有_id字段，示例中未体现，按需调整
      title: i.title,
      thesis: i.thesis,
      ticker: i.ticker,
      longOrShort: i.longOrShort,
      publisher: {
        id: i.user,
        username: publisher.username // 修正变量名
      }
    };
  }
  // 处理无匹配的情况，避免返回undefined
  return {
    ...i,
    publisher: { id: i.user, username: null }
  };
});

性能优化建议 #

如果数据量较大，每次map中调用find会导致O(n*m)的时间复杂度。可以先将publisher数组转为映射表，将时间复杂度降为O(n+m)：

// 构建publisher ID到username的映射
const publisherUsernameMap = new Map(
  publisherObjects.map(pub => [pub.id, pub.username])
);

// 快速生成结果
const ideasWithUsernames = ideaObjects.map(idea => ({
  ...idea,
  username: publisherUsernameMap.get(idea.user) || null
}));

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