JS 两个数组对象通过相同的id 一对多合并成一个数组对象

时光浅止

于 2023-02-02 10:06:02 发布

阅读量1.6k

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_45086164/article/details/128845136

版权

文章展示了如何使用JavaScript的map和filter方法将两个数组合并，其中arr1中的id与arr2中的periodId对应，形成一个新的arrs数组，每个元素包含原arr1的属性和与之匹配的arr2数据。

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

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

<script>
     let arr1 = [
                {id:64,period:"10:00"},
                {id:65,period:"12:00"},
                {id:66,period:"14:00"},
                {id:67,period:"18:00"},
            ]
    let arr2 = [
                {periodId:64,name:"张三",age:16},
                {periodId:64,name:"李四",age:17},
                {periodId:64,name:"王五",age:18},
                {periodId:64,name:"赵六",age:19},
                {periodId:64,name:"小七",age:20},
                {periodId:65,name:"王五",age:18},
                {periodId:65,name:"赵六",age:19},
                {periodId:65,name:"小七",age:20},
            ]
 const arrs = arr1.map(item => {
    const data = arr2.filter(i => item.id == i.periodId)
    return {
      ...item,
      products: data 
    }
  })
console.log(arrs)

</script>