zoukankan      html  css  js  c++  java
  • 两个数组里面的对象元素根据相同的id合并到一个数组

    根据ID合并两个数组

    需求:两个数组,如果id相同则合并到一起,id不一样则添加

    let arr=[{id:1,name:'dylan'},{id:2,name:'kebi'}]
    let arr1=[{id:1,position:'ceo'},{id:3,position:'sales'}]
    let list=arr.reduce((pre,cur)=>{
      let target=pre.find(ee=>ee.id == cur.id)
      if(target){
        Object.assign(target,cur)
      }else{
        pre.push(cur)
      }
      return pre
    },arr1)
    console.log(list)  
    /**
    [
    { id: 1, position: 'ceo', name: 'dylan' },
    { id: 3, position: 'sales' },
    { id: 2, name: 'kebi' }
    ]
     * /
    

    解析:
    arr.reduce((pre,cur)=>{},arr1)
    arr1是初始值,pre是累计值,cur是当前传入的值,所以pre的初始值就是arr1,cur的初始值是arr的第一个元素
    find方法返回数组中第一个符合的元素,如果没有符合的返回undefined
    target的值就是判断下累计的数组里面有没有和当前元素id一样的,一样的话把pre里面的这个元素赋值给target,没有的话就赋值为undefined
    Object.assign方法拷贝cur对象里面的值到目标对象也就是target里面,也就是如果target对象里面有cur对象里面的属性就覆盖,如果没有就添加
    if...else...的意思就是如果在arr里面找到了id和arr1一样的就合并,没有找到的话就push添加进去
    最后返回新数组

  • 相关阅读:
    Mycat的server.xml配置
    Docker构建Mycat(单节点)
    Mycat相关概念解读
    Mycat简介及适用场景
    SpringBoot整合WebService
    SpringBoot事务简单操作及手动回滚
    对事务及其注解@Transactional的解读
    git将某分支的某次提交合并到另一分支
    SpringBoot快速支持国际化i18n
    SpringBoot多数据源自动切换
  • 原文地址:https://www.cnblogs.com/my466879168/p/13151500.html
Copyright © 2011-2022 走看看