记录一个JavaScript 将数组中具有相同值的对象取出组成新的数组

先写一个数组

let a = [{
                name: 4,
                key: 'c'
            }, {
                name: 1,
                key: 'b'
            },
            {
                name: 3,
                key: 'a'
            }, {
                name: 2,
                key: 'b'
            },
            {
                name: 6,
                key: 'a'
            }, {
                name: 5,
                key: 'c'
            },{
                name: 7,
                key: 'a'
            }
        ];


复制代码

对数组进行一个相同值key的排序

        let b = a.sort((a, b) => { //根据数组的 key 排序
            return a.key < b.key ? -1 : 1;
        })
        console.log(b);
复制代码

再把数据中的相同值直接通过forEach 赋值给对象中的键

        let c = {};
         b.forEach(function (obj) {
            let array = c[obj['key']] || [];
            array.push(obj);
            c[obj['key']] = array;
        });
        console.log(c); //你会发现现在其实数据已经完成了分组。
复制代码

最后手贱的给对象转成数组并给里面的数据继续一个排序

        let arr = [];
        for (let index in c) {
            c[index] = c[index].sort((a, b) => {
                return a.name < b.name ? -1 : 1;
            })
            arr.push(c[index]);
        }
        console.log(arr);
复制代码

写成class的模式感觉贼坑的样子

        class SortArry {
            constructor (arr,key,name){
                this.arr = arr;
                this.key = key;
                this.name = name;
                this.obj = {};
                [this.tempArr, this.arry] = [[],[]]; 
            }
            sort (arr,key) {
               return arr.sort((a,b) => {
                    return a[key] < b[key] ? -1 : 1;
                });
            }
            init () {
                this.arr = this.sort(this.arr,this.key);
                this.arr.forEach((v)=>{
                    this.tempArr = this.obj[v[this.key]] || [];
                    this.tempArr.push(v);
                    this.obj[v[this.key]] = this.tempArr;
                });
                for(let i in this.obj){
                    this.obj[i] = this.sort(this.obj[i],this.name);
                    this.arry.push(this.obj[i]);
                }
                return this.arry;
            }
        }
        let sortObj = new SortArry(a,'key','name')
                console.log(sortObj.init())
复制代码

表示自己是一个前端菜鸡,第一次写这个,还真是菜 哈哈,希望有大佬给出更精简的解决方案啊。

转载于:https://juejin.im/post/5ba9dde4e51d450e4115612a

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值