javascript中数组去重的方法总结

上次总结了关于字符串去重的五种方法，今天来总结一下关于数组去重的一些方法，希望能帮助到你们～
方法一：indexOf方法
主要思路：跟上面字符串去重类似。新建一个空的数组，然后遍历传入的数组，如果新的数组里没有遍历的元素，那么就加入到新建的数组内；如果有，则跳过。最后返回新建的数组，这个数组就是不含重复元素的数组。

function removeRepeatArr(arr){
    var newArr = [];
    var len = arr.length;
    for(var i=0; i<len; i++){
        if(newArr.indexOf(arr[i])==-1){
            newArr.push(arr[i]);
        }
    }
    return newArr;
}
var arr1=[1,2,3,1,1,1,4,5,6]
console.log(removeRepeatArr(arr1))

方法二：对象方法

function removeRepeatArr(arr){
    var obj = {};
    var newArr = [];
    var len = arr.length;
    for(var i=0; i<len; i++){
        if(!obj[arr[i]]){//这里也可以通过对对象的属性是否存在进行判断，即if(!obj.hasOwnProperty(arr[i]))
            newArr.push(arr[i]);
            obj[arr[i]] = true;
        }
    }
    return newArr;
}
var arr1=[1,2,3,1,1,1,4,5,6]
console.log(removeRepeatArr(arr1))

方法三：for循环
主要思路：就是将数组逐个搬到另一个数组中去，当遇到重复元素时，不移动；若不重复则移动到新的数组中。

function removeRepeatArr(arr){
    var newArr = [];
    var len = arr.length;
    var flag;
    for(var i=0; i<len; i++){
        flag = true;
        for(var j=i; j<len-1; j++){
            if(arr[i] == arr[j+1]){
                flag = false;
                break;
            }
        }
        if(flag){
            newArr.push(arr[i]);
        } 
    }
    return newArr;
}
var arr1=[1,2,3,1,1,1,4,5,6]
console.log(removeRepeatArr(arr1))

方法四：ES6的Set方法

const set = new Set([1,2,3,1,1,1,4]);
console.log([...set])//[1,2,3,4]

方法五：filter方法

function unique(arr) {
  return arr.filter(function(item, index, arr) {
    //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
    return arr.indexOf(item, 0) === index;
  });
}
    var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
        console.log(unique(arr))
//[1, "true", true, 15, false, undefined, null, "NaN", 0, "a", {…}, {…}]