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;
}

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;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM