合併陣列物件中相同的屬性值

胡泊的技術部落格發表於2018-05-30
陣列物件

面試題中往往會遇到這樣的筆試題，將以下陣列物件合併相同值

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]
}]




 


這樣看起來是不是順眼多了。


本人所發部落格都是自己所遇到的，從踩坑到填坑的問題。希望與大家多多交流討論。


　





























相關文章