数组去重不仅在工作中经常使用，也会在面试中经常问到，现在有几种常用的方法：

比如要将数组去重：

const arr = [1, 2, 3, "1", 2, undefined, undefined, "undefined", NaN, NaN];

方法一：

直接通过indexOf 或者 includes进行判断是否存在，不存在则直接push到新数组中。

如果数组中存在NaN的话，使用includes，因为indexOf判断不了NaN。

let newArr1 = [];
arr.map((item) => {
    if (newArr1.indexOf(item) === -1) {
    newArr1.push(item);
    }
});
console.log("newArr1===", newArr1);   // [1, 2, 3, "1", undefined, "undefined", NaN]

方法二：

对象的键存储数组元素的值，最终返回对象的所有键。然后使用es6的Object.keys()来获取键值。

let temp1 = {};
arr.map((item, i) => {
    if (temp1[item] === undefined) {
    　　temp1[item] = i;
    }
});
console.log(temp1); // {1: 0, 2: 1, 3: 2, undefined: 5, NaN: 8}
const newArr3 = Object.keys(temp1);  // [1, 2, 3, "1", undefined, "undefined", NaN]

 

方法三：

筛选中如果存在{},{a:1}此时进行去重，需要使用findIndex:查询数组是否包含某元素，如果存在返回元素的索引，否则返回-1。

它比indexOf更加先进的地方在于能传入callback，按约定方式查询。

const arr1 = [1, 2, 3, '1', 2, undefined, undefined,  'undefined', NaN, NaN, {}, {}, {a: 1}, {a: 1}];
let tmp = [];
arr1.map((item,i) => {
    if(tmp.findIndex(v => JSON.stringify(v) === JSON.stringify(item)) === -1){
        tmp.push(item);
    }
}); 
console.log(tmp);  // [1, 2, 3, "1", undefined, "undefined", NaN, {}, {a:1}]

为什么要使用 JSON.stringify 来进行对比，是因为{} === {} 为false，这是因为对象堆栈的原因。

 

参考：https://my.oschina.net/u/4188011/blog/4278961