vue2.0中现有模拟数据，请问拿到数据的时候怎么给数据分类呢？每个id相同的为一类

Question

vue2.0中现有模拟数据，请问拿到数据的时候怎么给数据分类呢？每个id相同的为一类

数据如下

    articleList:[

                {id:1,name:"小红",user:456312,Occupation:"教练"},

                {id:2,name:"小张",user:456321,Occupation:"歌手"},

                {id:5,name:"小强",user:456312,Occupation:"老师"},

                {id:2,name:"小分",user:456312,Occupation:"同事"},

                {id:5,name:"小撒",user:456132,Occupation:"总经理"},

                {id:2,name:"小看",user:456132,Occupation:"程序猿"},

                {id:5,name:"小贫",user:451632,Occupation:"演员"}

            ],

每个id相同的是一类，最终页面渲染的时候会把相同一类的渲染在一个div里面，

请大神赐教，

(有多少个不等的id就有几个大的div)；

Answer 1

我的想法是处理数据let  articleList=[                {id:1,name:"小红",user:456312,Occupation:"教练"},                {id:2,name:"小张",user:456321,Occupation:"歌手"},                {id:5,name:"小强",user:456312,Occupation:"老师"},                {id:2,name:"小分",user:456312,Occupation:"同事"},                {id:5,name:"小撒",user:456132,Occupation:"总经理"},                {id:2,name:"小看",user:456132,Occupation:"程序猿"},                {id:5,name:"小贫",user:451632,Occupation:"演员"}            ];let idArr=articleList.map(function(x){return x.id}) ![图片描述][1]//得到id的集合//去重idArr=Array.from(new Set(idArr));//遍历此数组并在articleList找到id相同的放入新数组let newArr=[];idArr.forEach(function(v){    newArr.push(articleList.filter(function(x){        return x.id==v    }))}) //得到newArr![图片描述][2]渲染便利此数组即可