js實現數組去重的幾種方法

說來js數組去重，想必大家也不陌生，面試官經常也會問到的一個問題，接下來就給大家介紹一下數組去重的幾種方法。

ES5之前實現方法：

1.遍歷數組法

它是最簡單的數組去重方法（indexOf方法）

實現思路：新建一個數組，遍歷去要重的數組，當值不在新數組的時候（indexOf為-1）就加入該新數組中；

function unique(arr){
  var temp=[];
  for (var i = 0,len=arr.length; i < len; i++) {
     if(temp.indexOf(arr[i]) === -1){
      temp.push(arr[i]);
     }
  }
  return temp;
}

2.數組下標判斷法

調用indexOf方法，性能和方法1差不多

實現思路：如果當前數組的第 i 項在當前數組中第一次出現的位置不是 i，那么表示第 i 項是重復的，忽略掉。否則存入結果數組。

function unique(arr){
  var temp=[];
  for (var i = 0,len=arr.length; i < len; i++) {
     if(arr.indexOf(arr[i])==i){
      temp.push(arr[i]);
     }
  }
  return temp;
}

3.排序后相鄰去除法

實現思路：給傳入的數組排序，排序后相同的值會相鄰，然后遍歷排序后數組時，新數組只加入不與前一值重復的值。

function unique(arr){
  arr.sort();
  var temp=[arr[0]];
  for (var i = 1,len=arr.length; i < len; i++) {
     if(arr[i]!=temp[temp.length-1]){
      temp.push(arr[i]);
     }
  }
  return temp;
}

4.元素對比法

實現思路：用數組的第一項元素和后面的元素做對比，如果相同則在數組中把后面相同的元素給刪掉。

function removeDuplicatedItem(arr) {
    let newArr = Array.from(arr);// 復制一份數組
    for(var i = 0; i < newArr.length-1; i++){
        for(var j = i+1; j < newArr.length; j++){
            if(newArr[i]==newArr[j]){
              newArr.splice(j,1);// 將重復元素刪掉
              j--;// 刪掉重復元素后下一位元素向前移動一位所以j--
           }
        }
    }
    return newArr;
}

5.使用數組中的filter方法

實現思路：如果當前數組的第 i 項在當前數組中第一次出現的位置不是 i，那么表示第 i 項是重復的，忽略掉。否則存入結果數組。

function unique(arr){
  let temp = [];
  temp = arr.filter(function(element,index,self){
    return self.indexOf(element) === index;
  });
  return temp;
}

ES6之后實現方法：

1.Set去重法

基本思路：ES6提供了新的數據結構Set。它類似於數組，但是成員的值都是唯一的，沒有重復的值。

Set函數可以接受一個數組（或類似數組的對象）作為參數，用來初始化。

function unique(arr){
  var x = new Set(arr);
  return [...x];
}

或

function unique(arr){
  return [...new Set(arr)];
}

2.使用Array.from方法

function unique(arr){
  return Array.from(new Set(arr));
}