我有一個這樣的物件陣列如何實作這個陣列的輸出形式？輸入：
[
{ meta_key: 'nickname', meta_value: 'testqa2', id: '10' },
{ meta_key: 'first_name', meta_value: 'TEST', id: '10' },
{ meta_key: 'last_name', meta_value: 'QA', id: '10' },
{ meta_key: 'nickname', meta_value: 'testqa10', id: '11' },
{ meta_key: 'first_name', meta_value: 'TEST', id: '11' },
{ meta_key: 'last_name', meta_value: 'QA', id: '11' }
]
輸出
[
{id:'10 , nickname:'testqa2 , first_name:'TEST' , last_name :'QA'},
{id:'10 , nickname:'testqa10, first_name:'TEST' , last_name :'QA'}
]
uj5u.com熱心網友回復：
你可以這樣reduce做
const data = [
{ meta_key: 'nickname', meta_value: 'testqa2', id: '10' },
{ meta_key: 'first_name', meta_value: 'TEST', id: '10' },
{ meta_key: 'last_name', meta_value: 'QA', id: '10' },
{ meta_key: 'nickname', meta_value: 'testqa10', id: '11' },
{ meta_key: 'first_name', meta_value: 'TEST', id: '11' },
{ meta_key: 'last_name', meta_value: 'QA', id: '11' }
]
const result = Object.values(data.reduce((res, {id, meta_key, meta_value}) => {
return {
...res,
[id]: {
id,
...res[id],
[meta_key]: meta_value
}
}
}, {}))
console.log(result)轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/478529.html
標籤：javascript 数组 json ecmascript-6