參考：數(shù)組去重的六種方法

一、使用for循環(huán)

對(duì)于數(shù)組，沒(méi)有什么是for循環(huán)解決不了的問(wèn)題。但是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', {}, {} ]

由于使用 ==作比較，會(huì)發(fā)生類型轉(zhuǎn)換,

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

要解決以上問(wèn)題我們可以使用Object.is(arr[i], arr[j])的方法替換arr[i]==arr[j]既可以去除NaN還可以防止發(fā)生類型轉(zhuǎn)換。也可以使用 === ,but，

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

Object.is(NaN,NaN)//true

拓展 Object.is()

參考鏈接MDN
Object.is() 判斷兩個(gè)值是否相同。如果下列任何一項(xiàng)成立，則兩個(gè)值相同：

• 兩個(gè)值都是 undefined
• 兩個(gè)值都是 null
• 兩個(gè)值都是 true 或者都是 false
• 兩個(gè)值是由相同個(gè)數(shù)的字符按照相同的順序組成的字符串
• 兩個(gè)值指向同一個(gè)對(duì)象
• 兩個(gè)值都是數(shù)字并且
  • 都是正零 +0
  • 都是負(fù)零 -0
  • 都是 NaN
  • 都是除零和 NaN 外的其它同一個(gè)數(shù)字

二、使用indexOf

使用indexOf()，可以判斷一個(gè)數(shù)組中是否包含某個(gè)值，如果存在則返回該元素在數(shù)組中的位置，如果不存在則返回-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,   {},   {}, [], []]

這種方法仍然沒(méi)有去掉NaN、{}、[]

三、使用includes()

使用includes()方法也可以判斷數(shù)組是否包含某個(gè)特定的元素，如果包含就返回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() 方法創(chuàng)建一個(gè)新的數(shù)組，新數(shù)組中的元素是通過(guò)檢查指定數(shù)組中符合條件的所有元素。并且filter()不會(huì)改變數(shù)組，也不會(huì)對(duì)空數(shù)組進(jìn)行檢測(cè)。filter()方法接收一個(gè)回調(diào)函數(shù)。

array.filter(function(item,index,arr), thisValue)
item 必須。當(dāng)前元素的值
index 可選。當(dāng)前元素的索引值
arr 可選。當(dāng)前元素屬于的數(shù)組對(duì)象

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,   {},   {},   [],   [] ]