JS實現數組去重（重複的元素只保留一個）

1.遍歷數組法

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

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

var arr=[2,8,5,0,5,2,6,7,2];
function unique1(arr){
  var hash=[];
  for (var i = 0; i < arr.length; i++) {
     if(hash.indexOf(arr[i])==-1){
      hash.push(arr[i]);
     }
  }
  return hash;
}

2.數組下標判斷法

調用indexOf方法，性能和方法1差很少

實現思路：若是當前數組的第 i 項在當前數組中第一次出現的位置不是 i，那麼表示第 i 項是重複的，忽略掉。不然存入結果數組。

function unique2(arr){
  var hash=[];
  for (var i = 0; i < arr.length; i++) {
     if(arr.indexOf(arr[i])==i){
      hash.push(arr[i]);
     }
  }
  return hash;
}

3.排序後相鄰去除法 

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

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

4.優化遍歷數組法（推薦）

實現思路：雙層循環，外循環表示從0到arr.length，內循環表示從i+1到arr.length

將沒重複的右邊值放入新數組。（檢測到有重複值時終止當前循環同時進入外層循環的下一輪判斷）

function unique4(arr){
  var hash=[];
  for (var i = 0; i < arr.length; i++) {
    for (var j = i+1; j < arr.length; j++) {
      if(arr[i]===arr[j]){
        ++i;
      }
    }
      hash.push(arr[i]);
  }
  return hash;
}

上面遍歷通過測試後有bug，並不能徹底去重

 

 由於此次我作的是對js對象元素去重，我在參考時發現此bug，若是時數組去重，建議用第一種方法。

 

quan_lst 裏面是一個一個的js字面量對象，根據json裏面的屬性進行斷定去重

 

function unique(quan_lst){    
//去掉重複選取的數據
    for (var i = 0; i < quan_lst.length; i++) {
        for (var j =i+1; j <quan_lst.length; ) {
            if (quan_lst[i].photoid == quan_lst[j].photoid ) {//經過photoid屬性進行匹配；
                quan_lst.splice(j, 1);//去除重複的對象；
            }else {
                j++;
            }
        }
    }
}

 

 

 

 

 

 

 

5.ES6實現

基本思路：ES6提供了新的數據結構Set。它相似於數組，可是成員的值都是惟一的，沒有重複的值。

Set函數能夠接受一個數組（或相似數組的對象）做爲參數，用來初始化。

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

 擴展：若是重複，則去掉該元素

數組下標去重

function unique22(arr){
  var hash=[];
  for (var i = 0; i < arr.length; i++) {
     if(arr.indexOf(arr[i])==arr.lastIndexOf(arr[i])){
      hash.push(arr[i]);
     }
  }
  return hash;
}

 

 

補充：原先本身一直覺得indexOf是針對字符串，原來indexOf也能夠查詢出數組元素所在的數組中的位置(以0開始計算),
以上轉自於軒悅的博客,學了不少思路。本身的是php碼農，對前端一直也處於瞭解。看來得增強前端內功了。