JS 两个数组对象通过比对id 合并成一个新的数组对象

最新推荐文章于 2023-06-09 16:21:37 发布

HainesFreeman

最新推荐文章于 2023-06-09 16:21:37 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_41829196/article/details/121944940

js 专栏收录该内容

91 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript的map和find方法将两个数组依据id和periodId属性进行合并，形成一个新的数组arrs。具体操作是遍历arr1，找到arr2中与其id匹配的元素，然后将匹配项与arr1元素合并，并保留arr2的products属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注意：arr1 是基础 把arr2合并到arr1中 ，汇成一个总的arrs  这个arr1中的id 和  arr2中的periodId  是一一对应的。

let arr1 = [
 {id:64,period:"10:00"},
 {id:65,period:"12:00"},
 {id:66,period:"14:00"},
 {id:67,period:"18:00"},
]
let arr2 = [
    {   
        period:'10:00',
        periodId: 64,
        products:[
        {
            goodName: "套餐测试A-001",
            goodSn: "1368017317954457600",
            id: 252,
            limitedNum: 1,
            productId: 1658,
            remark: null,
            seckillPeriodId: 64,
            seckillPrice: 1,
            seckillStock: 1,
            skuId: 2947,
            status: 4,
            stock: 97,
            unitPrice: 100,
       }
      ]
  }
]
 const arrs = arr1.map(item => {
    const data = arr2.find(i => item.id == i.periodId)
    return {
      ...item,
      ...data,
      products: data ? data.products : []
    }
  })
console.log(arrs)

打印结果：

注意: find函数返回的是满足条件的每个item，而非数组。