js 数组去重方法总结

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/shi851051279/article/details/83246387

js 数组去重方法应该是面试中比较常问到的一个问题，今天在网上找了一些相关资料，在这里做下总结！废话不多说直接上代码！
方法一：

var arr = [0,2,3,4,4,0,2];
var obj = {};
var tmp = [];
for(var i = 0 ;i< arr.length;i++){
   if( !obj[arr[i]] ){
      obj[arr[i]] = 1;
      tmp.push(arr[i]);
   }
}
console.log(tmp);

结果如下： [0, 2, 3, 4]

方法二：

var arr = [2,3,4,4,5,2,3,6],
   arr2 = [];
for(var i = 0;i< arr.length;i++){
    if(arr2.indexOf(arr[i]) < 0){
        arr2.push(arr[i]);
    }
}
console.log(arr2);

结果为：[2, 3, 4, 5, 6]

方法三：

var arr = [2,3,4,4,5,2,3,6];
var arr2 = arr.filter(function(element,index,self){
return self.indexOf(element) === index;
});
console.log(arr2);

结果为：[2, 3, 4, 5, 6]

方法四：

function dedupe(array) {
    return Array.from(new Set(array));
}

let a = dedupe([1,2,3,4,3,2]);
console.log(a)

这个方法用到了es6的 Set 数据结构 他类似于一个数组但是成员的值都是唯一的，没有重复的，也就是说 new Set(array) 会自动清除掉数组里边的重复数值。
但是 new Set(array); 返回的是一个Set 结构对象， 正好Array.from() 方法可以吧Set 结果转换成数组