javascript - 如何把陣列物件相同的key值合併,並且把對應的id放到一個陣列
ringa_lee
ringa_lee 2017-06-26 10:57:10
0
2
1503

例如舊資料:
var old = [

{
    id: 1,
    name: 'css',
    type: 'html'
},
{
    id: 2,
    name: 'css',
    type: 'html'
},
 {
    id: 3,
    name: 'javacript',
    type: 'code'
},
{
    id: 4,
    name: 'javacript',
    type: 'code'
}

]
想得到的 var new = [

{
    id: [1,2],
    name: 'css',
    type: 'html'
},
 {
    id: [3,4],
    name: 'javacript',
    type: 'code'
},

]
希望把相同name的物件合併,並且把對應的id放到一個陣列

ringa_lee
ringa_lee

ringa_lee

全部回覆(2)
滿天的星座

雷雷

刘奇

從下面的陣列 old

var old = [
    {
        id: 1,
        name: 'css',
        type: 'html'
    },
    {
        id: 2,
        name: 'css',
        type: 'html'
    },
     {
        id: 3,
        name: 'javacript',
        type: 'code'
    },
    {
        id: 4,
        name: 'javacript',
        type: 'code'
    }
]

得到 new

var new = [
    {
        id: [1,2],
        name: 'css',
        type: 'html'
    },
     {
        id: [3,4],
        name: 'javacript',
        type: 'code'
    }
]

實作

var isEqual = (a, b) => a.name === b.name && b.type === b.type; 
var create = e => {
    e.id = [e.id]; 
    return e; 
}

var getNew = old => old.reduce((acc, cur) => {
    let hasItem = acc.some(e => {
        let temp = isEqual(e, cur); 
        if (temp) e.id.push(cur.id); 
        
        return temp; 
    });
    
    if (!hasItem) acc.push(create(cur))
    
    return acc; 
}, []);
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板