JavaScript如何根据ID将订单数组追加为对应产品对象的属性

完全可以通过map方法实现你需要的产品嵌套关联订单的结构，以下是两种可直接落地的实现方式，按需选择即可。

基础可读版（适合小数据量） #

核心逻辑是遍历产品数组时，通过filter筛选出和当前产品ID匹配的所有订单，挂载到新生成的产品对象上，不会修改原始数组数据：

// 核心转换代码
const mergedProducts = products.map(product => {
  // 匹配当前产品关联的所有订单
  const matchOrders = orders.filter(order => order.productID === product.id)
  // 返回新对象，避免污染原始产品数据
  return {
    ...product,
    orders: matchOrders
  }
})

这个写法的特点是逻辑直白、可读性极强，千条以内数据量用这个方案就足够，维护成本最低。缺点是每处理一个产品就要全量遍历一次订单数组，数据量过万时会有明显性能损耗。

性能优化版（适合大数据量） #

如果你的产品和订单数据量较大，可以先把订单按关联的产品ID做一次分组，再做映射，整体时间复杂度从O(n*m)降到O(n+m)，性能提升明显：

// 第一步：构建订单分组映射表，key为产品ID，value为对应订单数组
const orderGroup = new Map()
for (const order of orders) {
  if (!orderGroup.has(order.productID)) {
    orderGroup.set(order.productID, [])
  }
  orderGroup.get(order.productID).push(order)
}

// 第二步：映射产品时直接从分组表取关联订单，无匹配订单默认返回空数组
const mergedProducts = products.map(product => ({
  ...product,
  orders: orderGroup.get(product.id) ?? []
}))

常见踩坑提醒 #

• 不要在map回调里直接给原产品对象赋值product.orders = xxx，这会直接修改原始products数组内的对象，容易引发跨逻辑的副作用，优先用展开运算符生成新对象返回
• 匹配ID时注意字段类型一致，如果产品id是数字、订单productID是字符串，要先做类型转换（比如Number(order.productID) === product.id），否则会出现匹配失效的问题
• 没有关联订单的产品，orders属性默认给空数组即可，不要留undefined，避免后续遍历订单列表时报错

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