js数组去重的几种方法

今天学习了Es6语法中的set数据类型，引申到了面试中比较重要的数组去重的问题
首先定义一个有重复值得数组arr = [1,1,3,true,‘abc’,true,NaN,NaN,‘abc’,1];
1.最简单的双重for循环数组去重方法:

for(let i=0;i<arr.length-1;i++){
        for(let j=i+1;j<arr.length;j++){
            if(arr[i]===arr[j]){//注意这里的===，==会自动数据类型转换让1和true相等               
             arr.splice(j,1);//如果有相同的元素就要通过splice()方法删除
                j--;//防止数组坍塌
            }
        }
    }
    console.log(arr)

结果:[1, 3, true, “abc”, NaN, NaN]
注意：NaN!==NaN

2利用sort()方法用一次for循环方式数组去重：
注意:这种方法只能用于纯数字数组

let arrr = [10,60,6,3,6,2,1,10,60,8,4,8];
arrr.sort(function(a,b){//让数组从小到大排列
        return a-b;
    })
    for(let i=0;i<arrr.length-1;i++){
        if(arrr[i]===arrr[i+1]){
            arrr.splice(i+1,1)
            i--;
        }
    }
    console.log(arrr)

结果：[1, 2, 3, 4, 6, 8, 10, 60]

3.利用对象的属性不能重复的特点来数组去重：

    let obj={};
    let newArray=[];
    arr.forEach(function(item){//遍历数组元素，将其插入对象作为键
        obj[item]=true;
    })
    for(let i in obj){//遍历对象取出键，做数组的元素
        newArray.push(i);
    }
    console.log(newArray)

结果:[“1”, “2”, “3”, “true”, “abc”, “NaN”]
注意：这种方法连NaN都可以去重，但是会改变数据类型，成为字符类型

4.用indexof()方法实现数组去重：

 let newArray=[];
    arr.forEach(function(item){
        if(newArray.indexOf(item)==-1){//当数组中不存在这个值的时候返回-1
            newArray.push(item);
        }
    })
    console.log(newArray)

结果：[1, 3, true, “abc”, NaN, NaN, 2]
不能去重NaN

5.利用Es6中set数据类型去重：

    let newArray = [...new Set(arr)];//解构赋值
    console.log(newArray)

结果：[1, 3, true, “abc”, NaN, 2]
最简单的去重方法，能够去重NaN，而且不会改变数据类型

6.利用filter去重

const unique = (arr) => {
  return arr.filter((element, index, self) => {
    return self.indexOf(element) === index
  })
}