细数数组中的那些骚操作--去重，扁平化

去重

let arr = [1, 62, 3, 4, 5, 3, 2, 2, 2, NaN, NaN];

1. 利用Set()+Array.from()

Array.from(new Set(arr)) // [ 1, 62, 3, 4, 5, 2, NaN ]

2. 利用数组的indexOf方法

function removeDuplicate(arr) {

   const newArr = []

   arr.forEach(item => {
       if (newArr.indexOf(item) === -1) {
           newArr.push(item)
       }
   })
   
   return newArr // 返回一个新数组
}

const result = removeDuplicate(arr);

console.log(result)  //  [1, 62, 3, 4, 5, 2, NaN, NaN]

3. 利用数组的filter()+indexOf()

function removeDuplicate(arr) {

   return arr.filter((item, index) => {
       console.log(arr.indexOf(item));
       return arr.indexOf(item) == index
   })
}

const result = removeDuplicate(arr);

console.log(result)  // [ 1, 62, 3, 4, 5, 2 ]

注意：这里的输出结果中不包含NaN，是因为indexOf()无法对NaN进行判断，即arr.indexOf(item) === index返回结果为false。测试如下：

const testArr = [1, 'a', NaN]
console.log(testArr.indexOf(NaN)) // -1

4. includes

function removeDuplicate(arr) {

    const newArr = []

    arr.forEach(item => {
        if (!newArr.includes(item)) {
            newArr.push(item)
        }
    })

    return newArr // 返回一个新数组
}

const result = removeDuplicate(arr);

console.log(result)  // [ 1, 62, 3, 4, 5, 2, NaN ]

简单测试includes()对NaN的判断：

console.log([1, 'a', NaN].includes(NaN)) // true

5. 两层循环+splice

function removeDuplicate(arr) {

    let len = arr.length

    for (let i = 0; i < len; i++) {

        for (let j = i + 1; j < len; j++) {
            if (arr[i] === arr[j]) {
                arr.splice(j, 1)
                len-- // 减少循环次数提高性能
                j-- // 保证j的值自加后不变
            }
        }
    }
    return arr
}

const result = removeDuplicate(arr);

console.log(result) //[ 1, 62, 3, 4, 5, 2, NaN, NaN ]

扁平化

1. flat

array.flat(Infinity)

2. 手写递归

function flatDeep(arr) {
    let result = [];
    for (let i = 0; i < arr.length; i++) {
        if (Array.isArray(arr[i])) {
            result = result.concat(flatDeep(arr[i]))
        } else {
            result.push(arr[i])
        }
    }
    return result;
}
const result = flatDeep(array);

console.log(result)

3. toString()

先通过toString()把数组转成String对象，再结合split() 方法使用逗号分隔符将String对象分割成字符串数组，再用map函数将数组中的字符串转成数字

console.log(array.toString().split(",").map(Number))