数组去重的方法总结

一、利用ES6 Set去重（ES6中最常用）

const arr = [1, 4, 18, 2, 4, 2, 2, 90]
const newArr = Array.from(new Set(arr))
console.log(newArr)
// [1, 4, 18, 2, 90]

不考虑兼容性，这种去重的方法代码最少，但这种方法还无法去掉“{}”空对象。

二、利用for嵌套for，然后splice去重（ES5中最常用）

const arr = [1, 4, 18, 2, 4, 2, 2, 90]
    for (let i = 1; i < arr.length; i++) {
      for (let j = i + 1; j < arr.length; j++) {
        if (arr[i] === arr[j]) {
          arr.splice(j, 1)
          j--
        }
      }
    }
    console.log(arr)
    // [1, 4, 18, 2, 90]

双层for循环，外层循环元素，内层循环时比较值。值相同时，则删去这个值。

三、利用findIndex去重

const arr = [1, 4, 18, 2, 4, 2, 2, 90]
    const newArr = []
    arr.forEach(item => {
      const index = newArr.findIndex(Newitem => Newitem === item)
      if (index === -1) {
        newArr.push(item)
      }
    })
    console.log(newArr)
    // [1, 4, 18, 2, 90]
  },

新建一个空的结果数组，forEach（或者for循环） 循环原数组，判断结果数组是否存在当前元素，如果有相同的值则跳过，不相同则push进数组。

四、利用indexOf去重

 const arr = [1, 4, 18, 2, 4, 2, 2, 90]
    const newArr = []
    arr.forEach(item => {
      if (newArr.indexOf(item) === -1) {
        newArr.push(item)
      }
    })
    console.log(newArr)
    // [1, 4, 18, 2, 90]

此种方法与第三种原理相同。同样forEach循环也可以换成for循环

五、利用sort()去重

const arr = [1, 4, 18, 2, 4, 2, 2, 90]
    const arr1 = arr.sort()
    const newArr = []
    for (let i = 0; i < arr1.length; i++) {
      if (arr[i] !== arr[i + 1]) {
        newArr.push(arr[i])
      }
    }
    console.log(newArr)
    // [1, 18, 2, 4, 90]

先对数组进行排序，然后将相邻两个值进行比较，如果不同则存入新数组。

六、利用includes去重

const arr = [1, 4, 18, 2, 4, 2, 2, 90]
    const newArr = []
      arr.forEach(item => {
      if (!newArr.includes(item)) {
        newArr.push(item)
      }
    })
    console.log(newArr)
    // [1, 4, 18, 2, 90]

使用includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

七、利用filter去重

const arr = [1, 4, 18, 2, 4, 2, 2, 90]
const newArr = arr.filter((item, index) => {
  return arr.indexOf(item) === index
})
console.log(newArr)
// [1, 4, 18, 2, 90]

利用indexof获取当前的数组下标,对比数组内同一值的下表来进行去重筛选