javascript分组处理数据、合并相同id的数据并计算score的总和

1.iview分组处理数组,代码如下:

var arr = [{id:"no001", name:"哆啦A梦",age:100},
               {id:"no002", name:"海绵宝宝",age:50},
               {id:"no001", name:"夏目",age:100},
              ]
    var map = {},
        nList = []
        
    for (var i = 0; i < arr.length; i++) {
      var item = arr[i]
      //如果map没有则在新nList中添加
      if (!map[item.id]) {
          nList.push({
              id: item.id,
              data: [item]
          })
          map[item.id] = item
      } else {
          //遍历nList
          for (var j = 0; j < nList.length; j++) {
              var nItem = nList[j]
              if (nItem.id == item.id) { //如果有相同的id push
                  nItem.data.push(item)
                  break
              }
          }
      }
    } 

    console.info(nList)

效果图如下:


微信图片_20200928221513.png

2.合并相同id的数据并计算score的总和

var arr = [{id:'001',score: 70},
           {id:'001',score: 70},
           {id:'002',score: 100}]
var res =[];
var narr=[];
var sum = 0

for(var i =0;i<arr.length;i++){
    var n = res.indexOf(arr[i].id);

    if(n == -1){ 
      res.push(arr[i].id);
      narr.push({"id":arr[i].id,score: arr[i].score})
      sum = arr[i].score
    }else{
        narr[n].score = sum +arr[i].score
    }
}

console.info(narr)

效果图如下:


微信图片_20200928222240.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。