码迷,mamicode.com
首页 > 编程语言 > 详细

合并数组对象中相同的属性值

时间:2018-05-30 15:37:46      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:ret   col   相同   语文   方式   合并   length   lse   阅读   

面试题中往往会遇到这样的笔试题,将以下数组对象合并相同值

var arr = [{
                "name": "语文",
                "fraction": 80
            }, {
                "name": "数学",
                "fraction": 70
            }, {
                "name": "语文",
                "fraction": 50
            }, {
                "name": "语文",
                "fraction": 90
            }, {
                "name": "数学",
                "fraction": 100
            }, {
                "name": "数学",
                "fraction": 55
            }, {
                "name": "语文",
                "fraction": 99
            }]

 


 

在实际项目中,我们经常会遇到这种格式的数据,这种格式让人阅读起来很不直观,而且不利于代码的维护。废话不多说了直接上代码

第一种方式:

var res =[];
var narr=[];
    for(var i =0;i<arr.length;i++){
        var n = res.indexOf(arr[i].name);
    if(n == -1){
        res.push(arr[i].name);
        narr.push({"name":arr[i].name,fraction:[arr[i].fraction]})
        }else{
        narr[n].fraction.push(arr[i].fraction)
        }
    }
console.log(narr)    
输出结果:
[{
"name": "语文", "fraction": [80, 50, 90, 99] }, { "name": "数学", "fraction": [70, 100, 55] }, { "name": "英语", "fraction": [55, 89] }]

第二种方式:

arr = arr.map(function(item, index, arr) {
    const i = arr.find(_item => item.name === _item.name);
    if(i !== item) {
        i.fraction.push(item.fraction);
        return undefined;
    } else {
        i.fraction = [i.fraction];
        return i;
    }
}).filter(item => item !== undefined);
输出结果:
[{
    "name": "语文",
    "fraction": [80, 50, 90, 99]
}, {
    "name": "数学",
    "fraction": [70, 100, 55]
}, {
    "name": "英语",
    "fraction": [55, 89]
}]

 

这样看起来是不是顺眼多了。

本人所发博客都是自己所遇到的,从踩坑到填坑的问题。希望与大家多多交流讨论。

 

合并数组对象中相同的属性值

标签:ret   col   相同   语文   方式   合并   length   lse   阅读   

原文地址:https://www.cnblogs.com/hubovv/p/9111075.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!