欢迎光临
我的个人博客网站

如何根据key合并数组中的对象

原文地址

如何根据key合并数组中的对象(已同步到npm lm-public-js 中)

项目中经常会遇到,array内包含object这个格式的json 需要我们根据一个key去合并其中的对象,一般是 id
效率最低的方法是 循环套循环,找到一致id的,然后添加到其中一个array内
比较好的方法 是把这个id对应的object 暂存一个obj内,比如 obj[item.id] = {…item,…item2}
最后根据 Object.values() 方法 重新转化为数组

    function mergeArrAndObj(data1 = [],data2 = [],key){         if(!(data1 instanceof Array || data1 instanceof Object)) return console.warn('第一个参数格式不对')         if(!(data2 instanceof Array || data2 instanceof Object)) return console.warn('第二个参数格式不对')         if(!((data1 instanceof Array && data2 instanceof Array) || (data1 instanceof Object && data2 instanceof Object))) return console.warn('数据类型不一致')                  //都为数组的情况         if( data1 instanceof Array){             if(typeof key !== 'string') return console.warn('第三个参数 key 应为字符串')             if(!key.length) return console.warn('第三个参数 key 长度不应为空')             if(typeof key === 'undefined') return console.warn('请传入第三个参数 key')              //找出最长的数组             let maxArr = data1.length > data2.length ? data1:data2             //找出最长的数组             let minArr = data1.length < data2.length ? data1:data2             //临时存放数据的数组             let sumArr = []             //临时存放数据的对象              let obj = {}              maxArr.forEach((item,index)=>{                 //此时短的那一个数组已经循环完了                 if(minArr[index] === undefined){                     //只需要处理较长的那个数组                     return obj[item[key]] = {...maxArr[index]}                 }                  //这里是短的那一个数组还没循环完的情况                 obj[item[key]] = {...maxArr[index],...minArr[index]}             })             sumArr = Object.values(obj)              return sumArr                      }else{             //都为对象             //此处为浅合并 key一致会被替换             return {...data1,...data2}         }              }  

简单测试一下

    mergeArrAndObj([{id:2,c:2}],[{id:2,a:2},{id:3,a:3}],'id')      [         {id:2,c:2,a:2},         {id:3,a:3}     ] 
赞(0) 打赏
未经允许不得转载:张拓的天空 » 如何根据key合并数组中的对象
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏