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

720 阅读1分钟

先写一个数组

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的模式感觉贼坑的样子

    /*
 * @Description:
 * @param: arr数组
 * @param: key根据什么值进行数组重组
 * @param: sortKey 排序字段
 * @return:
*/
     class SortArry {
        constructor (arr, key, sortKey) {
          this.arr = arr
          this.key = key
          this.sortKey = sortKey
          this.obj = {};
          [this.tempArr, this.array] = [[], []]
        }

        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((item) => {
            this.tempArr = this.obj[item[this.key]] || []
            this.tempArr.push(item)
            this.obj[item[this.key]] = this.tempArr
          })
          for (const i in this.obj) {
            this.obj[i] = this.sortKey ? this.sort(this.obj[i], this.sortKey) : this.obj[i]
            this.array.push(this.obj[i])
          }
          return this.array
        }
      }
    let sortObj = new SortArry(a,'key','name')
    console.log(sortObj.init())

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