3 回答

TA貢獻1719條經驗 獲得超6個贊
這一段可以實現你說的功能。比較簡單,就是按id往數組對應的下標里寫東西就好了。
let articleList = [
{ id: 1, name: "小紅", user: 456312, Occupation: "教練" },
{ id: 2, name: "小張", user: 456321, Occupation: "歌手" },
{ id: 3, name: "小強", user: 456312, Occupation: "老師" },
{ id: 1, name: "小分", user: 456312, Occupation: "同事" },
{ id: 2, name: "小撒", user: 456132, Occupation: "總經理" },
{ id: 3, name: "小看", user: 456132, Occupation: "程序猿" },
{ id: 1, name: "小貧", user: 451632, Occupation: "演員" }
];
let newObject = [];
//循環
for (let index in articleList) {
//取對象
let o = articleList[index];
//第一次為一個id增加對象
if (!newObject[o.id]) {
newObject[o.id] = {
id: o.id,
list: []
}
}
//加入進去
newObject[o.id].list.push({
name: o.name,
user: o.user,
Occupation: o.Occupation
})
}
//打印結果
console.log(newObject);
以上代碼會在數組里產生空值,使用for(let i = 0;i<a.length;i++)遍歷會取出undefine。其實使用for in遍歷就不會出現這個問題。可以增加代碼如下:
let array = [];
for (let key in newObject){
array.push(newObject[key])
}
console.log('array',array);
可以看到是可以正常遍歷的,即使id是字符串,上述代碼也不會有問題,因為數組也可以使用字符串作為下標。

TA貢獻1854條經驗 獲得超8個贊
let foldById = data => data.reduce((acc, cur) => {
let { id, name, user, Occupation } = cur;
let toInsert = { name, user, Occupation };
if (acc[id]){
acc[id].list.push(toInsert);
} else {
acc[id] = { id, list: [ toInsert ] }
}
return acc;
}, {});
結果是類數組對象。
test
let data = [
{ id: 1, name: "小紅", user: 456312, Occupation: "教練" },
{ id: 2, name: "小張", user: 456321, Occupation: "歌手" },
{ id: 3, name: "小強", user: 456312, Occupation: "老師" },
{ id: 1, name: "小分", user: 456312, Occupation: "同事" },
{ id: 2, name: "小撒", user: 456132, Occupation: "總經理" },
{ id: 3, name: "小看", user: 456132, Occupation: "程序猿" },
{ id: 1, name: "小貧", user: 451632, Occupation: "演員" }
];
foldById(data);
添加回答
舉報