js数组知识、去重、排序、最大值、求和、合并等大全

    // ES6去重
    //     set是ES6新出来的一种一种定义不重复数组的数据类型
    //     Array.from是将类数组转化为数组
    // ...是扩展运算符, 将set里面的值转化为字符串
    console.log(Array.from(new Set([8, 3, 21, 3, 0, 0])))//[8, 3, 21, 0]
    console.log([...new Set([8, 3, 21, 3, 0, 0])])  //[8, 3, 21, 0]
    // 方法二封装到原型中去
    Array.prototype.qc = function () {
        var arr = [];
        var obj = {};
        var temp = this;
        for (i of this) {
            if (!(i in obj)) {
                obj[i] = 1;
                arr.push(i)
            }
        }
        return arr;
    }
    console.log([1, 2, 3, 44, 44].qc())

    // 排序
    [1, 2, 2, 3, 4, 3, 5, 1].sort()// [1, 1, 2, 2, 3, 3, 4, 5]
    [1, 2, 2, 3, 4, 3, 5, 1].sort((a, b) => b - a)//[1, 2, 3, 4, 5]

    // 最大值 Math.max()是Math对象内置方法，参数是字符串
    Math.max(...[3, 5, 1, 9, 2])//9
    Math.max.apply(this, [3, 5, 1, 9, 2])//9
    [3, 5, 1, 9, 2].reduce((prev, next) => Math.max(prev, next))//9

    // 求和
    [1, 2, 3, 1, 3].reduce((prev, cur) => prev + cur)

    // 合并
    [1, 2, 3, 4].concat([1, 2, 3]);
    [...[1, 99, 2, 6], ...[1, 9]]// ES6结构赋值

    // 每一项设置值 ES6方法
    [1, 2, 4].fill(false)//false, false, false]
    // [1, 2, 4].map(() => false)

    // 每一项是否满足
    [1, 2, 4].every(val => val > 1)//false


    // 有一项是否满足
    [1, 2, 4].some(val => val > 1)//true
    // includes(),find(),findIndex()是ES6的api
    // indexOf()


    // 过滤数组
    [1, 2, 3].filter(item => item > 2)//[3]

    // 对象和数组转化
    Object.keys({ name: '张三', age: 14 })//["name", "age"]
    Object.values({ name: '张三', age: 14 })//["张三", 14]
    Object.entries({ name: '张三', age: 14 })//[["name", "张三"],["age", 14]]

    // 扁平化n维数组 Array.flat(n)是ES10扁平数组的api,n表示维度,n值为Infinity时维度为无限大
    [1, [2, 3]].flat(2) //[1,2,3]
    // [1, [2, 3, [4, 5]].flat(3) //[1,2,3,4,5]
    // [1, [2, 3, [4, 5]]].toString()  //'1,2,3,4,5'
    // [1[2, 3, [4, 5[...]].flat(Infinity) //[1,2,3,4...n]

    //实质是利用递归和数组合并方法concat实现扁平
    // function flatten(arr) {
    //     while (arr.some(item => Array.isArray(item))) {
    //         arr = [].concat(...arr);
    //     }
    //     return arr;
    // }

    const arr = [1, [2, [3], 4], 5]
    function flatten(arr) {
        for (let i in arr) {
            if (Array.isArray(arr[i])) {
                arr.splice(i, 1, ...flatten(arr[i]))
            }
        }
        return arr
    }

    // flatten([1, [2, 3]]) //[1,2,3]
    // flatten([1, [2, 3, [4, 5]]) //[1,2,3,4,5]

    //const arr = [1, [2, [3], 4], 5]
    //JSON.parse(`[${arr}]`);

    // 偶然发现 arr.toString() 或 arr.join() => '1,2,3,4,5'
    // 于是可以写的简便些
    const arr = [1, [2, [3], 4], 5]
    arr.join()
        .split(',')
        .map(it => Number(it))



    // 类数组转换
    Array.prototype.slice.call(arguments) //arguments是类数组(伪数组)
    Array.prototype.slice.apply(arguments)
    Array.from(arguments)
    // [...arguments]
    //     类数组: 表示有length属性, 但是不具备数组的方法
    //     call, apply: 是改变slice里面的this指向arguments, 所以arguments也可调用数组的方法
    //     Array.from是将类似数组或可迭代对象创建为数组
    // ...是将类数组扩展为字符串, 再定义为数组

image.png