zoukankan      html  css  js  c++  java
  • 对象数组根据某一相同项合并其他属性为一个数组

     

    对象数组示例:

    var objects = [
      {name:'group1', usedCount: 2, color:'red'},
      {name:'group1', usedCount: 1, color:'blue'},
      {name:'group1', usedCount: 1, color:'orange'},
      {name:'group2', usedCount: 2, color:'blue'},
      {name:'group2', usedCount: 2, color:'red'},
      {name:'group3', usedCount: 1, color:'red'},
      {name:'group3', usedCount: 4, color:'red'}
    ]
    

    分组合并后的结果

    [
      {name:'group1', usedCount: 4, color:['red','blue','orange']},
      {name:'group2', usedCount: 4, color:['blue','red']},
      {name:'group3', usedCount: 5, color:['red']}
    ]
    

    这是根据对象的name进行合并,合并后,usedCount累加,color合并为数组。


    方法:

    var result= objects.reduce((groups, item)=>{   var groupFound= groups.find(arrItem => item.name === arrItem.name);   if(groupFound) {     groupFound.usedCount += item.usedCount;     if(groupFound.color.indexOf(item.color)  == -1) {  //去重       groupFound.color.push(item.color);     }   } else {     //不要直接在原来的对象修改,新建对象     var newGroup = {         name: item.name,         usedCount: item.usedCount,         color: [item.color]     }     groups.push(newGroup);   }   return groups; },[]); console.log(result);
  • 相关阅读:
    基本运算符和if判断
    数据类型
    Day 5内存管理,定义变量
    Day 4 变量常量
    编辑语言的分类
    硬盘工作原理
    计算机组成原理
    hdu5293 lca+dp+树状数组+时间戳
    hdu5290树形dp
    hdu5294 网络流+dijskstr
  • 原文地址:https://www.cnblogs.com/xiaomaotao/p/11170177.html
Copyright © 2011-2022 走看看