数组去重的几种方法

1.for循环

​​​​        let arr = [1, 1, 2, 2, 3, 4, 5, 4, 4]
        for (let i = 0; i < arr.length; i++) {
            for (let j = i + 1; j < arr.length; j++) {
                if (arr[i] == arr[j]) {
                    arr.splice(i, 1)
                    i--
                }
            }
        }
        console.log(arr)

 原理是用for循环遍历数组，判断是否有相同的值，如果有，则删除对应值

需要注意的是 这种方法会修改原数组的值

2.for循环配合indexOf

那么如何不修改原数组的值并且完成去重呢？

​​​​        let arr = [1, 1, 2, 2, 3, 4, 5, 4, 4]
        let brr = []
        for (let i = 0; i < arr.length; i++) {
            if (brr.indexOf(arr[i]) == -1) {
                brr.push(arr[i])
            }
        }
        console.log(brr)

原理仍然是使用for循环遍历，但是创建了一个新的数组，让这个新的数组判断是否包含要去重的数组中的值，如果不包含则使用push方法添加进新数组。

此方法会将去重后的结果添加到新数组当中，不会修改原数组中的值

3. ES6中的 new Set()方法去重

​​​​
        let arr = [1, 1, 2, 2, 3, 4, 5, 4, 4]
        console.log(Array.from(new Set(arr)))

原理使用ES6的new Set()方法先将数组中的重复值去掉，再用Array.from()将返回值转化为数组

4.reduce方法

​​​​        let arr = [1, 1, 2, 2, 3, 4, 5, 4, 4]
        let newArr = arr.reduce((pre, cur, index, arr) => {
            if (!pre.includes(cur)) {
                return pre.concat(cur)
            } else {
                return pre
            }
        }, [])
        console.log(newArr)

原理是用reduce()方法遍历数组，reduce方法接受两个参数，pre为第一个元素或者当前元素，cur为当前元素，index为当前元素的索引值，也就是下标，arr为用这个方法的数组

用includes()方法判断上一个值是否包含当前元素，如果不包含，则使用concat()方法，如果包含则返回上一个元素本身,再用一个变量接受返回reduce()的返回结果,最后就可以得出去重后的数组。

5.filter方法

        let arr = [1, 1, 2, 2, 3, 4, 5, 4, 4]
        let newArr = arr.filter((v, i) => {
            return arr.indexOf(v) == i
        })
        console.log(newArr)

利用filter方法过滤出重复的值

6.set方法

        let arr = [1, 1, 2, 2, 3, 4, 5, 4, 4]
        console.log([...new Set(arr)])

简化了的第四种方法

数组去重还是非常简单的，主要考验的是思路，只要思想不滑坡，方法总比困难多。