数组去重方法

之前比较懒，只会一两种去重方法，现在才发现原来去重还可以这么高效和花样多，所以收集了不少方法，特此记录一下。

1.简单的去重方法

// 最简单数组去重法
/*
* 新建一新数组，遍历传入数组，值不在新数组就push进该新数组中
* IE8以下不支持数组的indexOf方法
* */
function uniq(array){
    var temp = []; //一个新的临时数组
    for(var i = 0; i < array.length; i++){
        if(temp.indexOf(array[i]) == -1){
            temp.push(array[i]);
        }
    }
    return temp;
}

var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];
console.log(uniq(aa));

2.排序后相邻去除法

/*
* 给传入数组排序，排序后相同值相邻，
* 然后遍历时,新数组只加入不与前一值重复的值。
* 会打乱原来数组的顺序
* */
function uniq(array){
    array.sort();
    var temp=[array[0]];
    for(var i = 1; i < array.length; i++){
        if( array[i] !== temp[temp.length-1]){
            temp.push(array[i]);
        }
    }
    return temp;
}

var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
console.log(uniq(aa));

3.数组下标法

/*
*
* 还是得调用“indexOf”性能跟方法1差不多，
* 实现思路：如果当前数组的第i项在当前数组中第一次出现的位置不是i，
* 那么表示第i项是重复的，忽略掉。否则存入结果数组。
* */
function uniq(array){
    var temp = [];
    for(var i = 0; i < array.length; i++) {
        //如果当前数组的第i项在当前数组中第一次出现的位置是i，才存入数组；否则代表是重复的
        if(array.indexOf(array[i]) == i){
            temp.push(array[i])
        }
    }
    return temp;
}

var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
console.log(uniq(aa));

4.优化遍历数组法

// 思路：获取没重复的最右一值放入新数组
/*
* 推荐的方法
*
* 方法的实现代码相当酷炫，
* 实现思路：获取没重复的最右一值放入新数组。
* （检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断）*/
function uniq(array){
    var temp = [];
    var index = [];
    var l = array.length;
    for(var i = 0; i < l; i++) {
        for(var j = i + 1; j < l; j++){
            if (array[i] === array[j]){
                i++;
                j = i;
            }
        }
        temp.push(array[i]);
        index.push(i);
    }
    console.log(index);
    return temp;
}

var aa = [1,2,2,3,5,3,6,5];
console.log(uniq(aa));

5.这种方法和第四种差不多，都是利用一个新的数组去循环比较，也是我之前比较爱用的一种方法，但是确实不如其他几个方法方便。

 var user=[1,1,2,5,4,5]
 var arr=[];
  for(var i=0;i<user.length;i++){
      if(if(arr,user[i])){
         arr.push(user[i]);
      }
  }

 function f(arr,item) {
        for(var j=0;j<arr.length;j++){
            if(arr[j]==item){
                return false
            }
        }
        return true
    }

6.Set 方法（es6）

/*基本用法
ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

Set本身是一个构造函数，用来生成Set数据结构。*/

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

7.利用对象的属性去重（推荐）

var arr = [0,2,3,4,4,0,2];
function unique(arr){
　　var res =[];
　　var json = {};

　　for(var i=0;i<arr.length;i++){
　　　　if(!json[arr[i]]){
　　　　　　res.push(arr[i]);
　　　　　　json[arr[i]] = 1;
　　　　}

　　}
　　return res;
}

unique(arr) //[0, 2, 3, 4]

8.数组filter去重

 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]