数组去重的方法--总结篇

参考：数组去重的六种方法

一、使用for循环

对于数组，没有什么是for循环解决不了的问题。但是bigger不够啊。

function unique(arr) {
  for (let i = 0; i < arr.length; i++) {
    for (let j = i+1; j < arr.length; j++) {
      if (arr[i] == arr[j]) {
        arr.splice(j,1)
        j--
      }
    }
  }
  return arr
}
let arr = [1,1,'true','true', 'a', 'a',true,true,false,false, undefined,undefined, null,null, NaN, NaN,'NaN','NaN', 0, 0,{},{},[],[]];
console.log(unique(arr)) // [ 1, 'true', 'a', false, undefined, NaN, NaN, 'NaN', {}, {} ]

由于使用 ==作比较，会发生类型转换,

1 == true
false== []
undefined == null
false == 0

要解决以上问题我们可以使用Object.is(arr[i], arr[j])的方法替换arr[i]==arr[j]既可以去除NaN还可以防止发生类型转换。也可以使用 === ,but，

+0 === -0 //true
NaN === NaN //false

Object.is(NaN,NaN)//true

拓展 Object.is()

参考链接MDN
Object.is() 判断两个值是否相同。如果下列任何一项成立，则两个值相同：

• 两个值都是 undefined
• 两个值都是 null
• 两个值都是 true 或者都是 false
• 两个值是由相同个数的字符按照相同的顺序组成的字符串
• 两个值指向同一个对象
• 两个值都是数字并且
  • 都是正零 +0
  • 都是负零 -0
  • 都是 NaN
  • 都是除零和 NaN 外的其它同一个数字

二、使用indexOf

使用indexOf()，可以判断一个数组中是否包含某个值，如果存在则返回该元素在数组中的位置，如果不存在则返回-1

function unique(arr) {
    let res = []
    for (let i = 0; i < arr.length; i++) {
        if (res.indexOf(arr[i]) === -1) {
            res.push(arr[i])
        }
   }
  return res
}
console.log(unique(arr)) //[ 1,   'true',   'a',   true,   false,   undefined,   null,   NaN,   NaN,   'NaN',   0,   {},   {}, [], []]

这种方法仍然没有去掉NaN、{}、[]

三、使用includes()

使用includes()方法也可以判断数组是否包含某个特定的元素，如果包含就返回true不包含就返回false。

function unique(arr) {
    let res = []
    for (let i = 0; i < arr.length; i++) {
        if (!res.includes(arr[i])) {
            res.push(arr[i])
        }
    }
    return res
}
console.log(unique(arr)) //[ 1,   'true',   'a',   true,   false,   undefined,   null,   NaN,   NaN,   'NaN',   0,   {},   {}, [], []]

四、使用filter()

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。并且filter()不会改变数组，也不会对空数组进行检测。filter()方法接收一个回调函数。

array.filter(function(item,index,arr), thisValue)
item 必须。当前元素的值
index 可选。当前元素的索引值
arr 可选。当前元素属于的数组对象

function unique(arr) {
    return arr.filter((item,index, arr) => {
        return arr.indexOf(item) === index
    })
}
console.log(unique(arr)) //[ 1, 'true', 'a', true, false, undefined, null, 'NaN', 0, {}, {}, [], [] ]

五、使用set

function unique(arr) {
  return [...new Set(arr)]
}
console.log(unique(arr)) //[ 1,   'true',   'a',   true,   false,   undefined,   null,   NaN,   'NaN',   0,   {},   {},   [],   [] ]