前端进阶|第十天 数组分组编程，区间还是连续一网打尽

先看题面：

随机生成一个长度为 10 的整数类型的数组，例如 [2, 10, 3, 4, 5, 11, 10, 11, 20]，将其排列成一个新数组，要求新数组形式如下，例如 [[2, 3, 4, 5], [10, 11], [20]]。

看完有点懵，根据他举的例子，数组被分为了三个子数组，但分类的依据却有两种理解，1.按照区间划分，即0-9，10-19，20-29等等，依此类推，以10为阶梯进行分组。2.按照连续区间划分，大小连续的分为一组。

嗯，到底出题人咋想的，不得而知。so 管他呢，写就完了。

我们先按照第一种理解：

      // IIFE 生成随机数组
        var arr = (function (len) {
            let temp = []
            for (var i = 0; i < len; i++) {
                temp.push(Math.floor(Math.random() * 100));
            }
            return temp;
        })(10)
        console.log(arr);

        //1.排序 重写sort 排序
        arr.sort((a, b) => { return a - b })
        console.log(arr);

        //2去重 利用set不可重复性对数组进行去重
        arr = [...new Set(arr)]
        console.log(arr);

       //3.区间分组 利用map的key记录阶梯索引
        let map = new Map();
        arr.forEach((item) => {
            let key = Math.floor(item / 10)
            let temp=map[key];
            if(!temp)
            {
                temp=[];
            }
            temp.push(item);
            map[key]=temp;
        })

        let arr1=[]
       
        for(var key in map)
        {
            arr1.push(map[key]);
        }
        console.log(arr1);

如果是连续区间其实也可以利用我们已经排序的优势来实现。

       //4.连续分组 利用map的key记录分组索引
        let map2 = new Map();
        let index = 0
        arr.forEach((item) => {

            let temp = map2[index];
            if (!temp) {
                temp = [];
                temp.push(item);
            }
            else {
                if (item - temp[temp.length - 1] == 1) {
                    temp.push(item);
                }
                else {
                    index++;
                    temp = []
                    temp.push(item);
                }
            }
            map2[index] = temp;
        })

        let arr2 = []

        for (var key in map2) {
            arr2.push(map2[key]);
        }
        console.log(arr2);

最终效果如图

以上写法使用的算法都比较传统，有网友提出用reduce函数进行处理，等我学会了再来写一稿。