JS手写——数组去重方法

一、使用Set

二、indexof

三、include

四、fliter

五、Map

注：使用indexOf无法识别NaN，includes可以识别NaN

const arr = [1, 1, 1, 2, 3, 3, 3, 'a', 'a', 'b', NaN, NaN]

function reduce1(arr) {
  return Array.from(new Set(arr))
}
// 无法去掉NaN
function reduce2(arr) {
  const newArr = []
  for (let i = 0; i < arr.length; i++) {
    if (newArr.indexOf(arr[i]) == -1) {
      newArr.push(arr[i])
    }
  }
  return newArr
}

function reduce3(arr) {
  const newArr = []
  for (let i = 0; i < arr.length; i++) {
    if (!newArr.includes(arr[i])) {
      newArr.push(arr[i])
    }
  }
  return newArr
}
// 无法加上NaN
function reduce4(arr) {
  return arr.filter((item, index) => {
    return arr.indexOf(item) === index
  })
}

function reduce5(arr) {
  const res = new Map(), resArr = []

  for (let val of arr) {
    if (!res.has(val)) {
      res.set(val, val)
      resArr.push(val)
    }
  }
  return resArr

}

console.log(reduce1(arr))
console.log(reduce2(arr))
console.log(reduce3(arr))
console.log(reduce4(arr))
console.log(reduce5(arr))
// [ 1, 2, 3, 'a', 'b', NaN ]
// [ 1, 2, 3, 'a', 'b', NaN, NaN]
// [ 1, 2, 3, 'a', 'b', NaN ]
// [ 1, 2, 3, 'a', 'b' ]
// [ 1, 2, 3, 'a', 'b', NaN ]