亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

現有這樣一段json,問怎么才能處理成為我想要的格式呢?

現有這樣一段json,問怎么才能處理成為我想要的格式呢?

郎朗坤 2019-03-06 17:19:57
現有這樣一段json,問怎么才能處理成為我想要的格式呢?        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:"演員"}            ],                                    把id相同的放在一個數組里面,用js代碼怎么實現呢?大神        articleList:[                {                    id:1,                    list:[                            {name:"小紅",user:456312,Occupation:"教練"},                            {name:"小分",user:456312,Occupation:"同事"}.                            {name:"小貧",user:451632,Occupation:"演員"}                     ]                },                {                    id:2,                    list:[                            {name:"小張",user:456321,Occupation:"歌手"},                            {name:"小撒",user:456132,Occupation:"總經理"}                     ]                },                {                    id:,                    list:[                            {name:"小強",user:456312,Occupation:"老師"},                            {name:"小看",user:456132,Occupation:"程序猿"}                     ]                }            ]
查看完整描述

3 回答

?
慕俠2389804

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是字符串,上述代碼也不會有問題,因為數組也可以使用字符串作為下標。


查看完整回答
反對 回復 2019-03-15
?
嗶嗶one

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); 

https://img1.sycdn.imooc.com//5c8b06d90001ba5405190531.jpg

查看完整回答
反對 回復 2019-03-15
  • 3 回答
  • 0 關注
  • 509 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號