js數組去重的幾種方法

假定現有數組：var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5];，如何去除重復的元素並返回？[1,23,3,5,6,7,9,8]

1.將數組的每一個元素依次與其他元素做比較，發現重復元素，利用數組方法splice()刪除重復元素

  var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5];
   function norepeat(arr) {
       for(var i = 0; i < arr.length-1; i++){
           for(var j = i+1; j < arr.length; j++){
               if(arr[i]==arr[j]){
                   arr.splice(j,1); 
                   j--;
               }
           }
       }
       return arr;
   }
   var arr2 = norepeat(arr);
   console.log(arr2);    //[1, 23, 3, 5, 6, 7, 9, 8]

2.使用雙層循環改變原數組

   var arr = [1,1,2,2,3,3,4,4,5,5,4,3,1,2,6,6,6,6];
     console.log(arr); 
   function norepeat(arr){
       for(var i=0;i<arr.length;i++){
           for(var j=0;j<arr.length;j++){
                if(arr[i] == arr[j] && i !=j){
                    arr.splice(j,1);
                }
            }
        }
        return arr;
    }   
    var arr2=norepeat(arr);
    console.log(arr2);  //[1, 2, 3, 4, 5, 6]

 

3.借助新數組，判斷新數組中是否存在該元素如果不存在則將此元素添加到新數組中（原數組長度不變但被按字符串順序排序）

 

   var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
        console.log(arr); 
        function norepeat(arr){
            var temp=[];
            var end;       //臨時變量用於對比重復元素
            arr.sort();
            end=arr[0];
            temp.push(arr[0]);
            for(var i=1;i<arr.length;i++){
                if(arr[i] !=end){   //當前元素如果和臨時元素不等則將此元素添加到新數組中
                    temp.push(arr[i])
                    end=arr[i]
                }
            }
            return temp;
        }
    var arr2=norepeat(arr);
    console.log(arr2);   //[1, 23, 3, 5, 6, 7, 8, 9]

 

4.創建一個新數組，判斷新數組中是否存在該元素如果不存在則將此元素添加到新數組中

 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
        console.log(arr); 
        function norepeat(arr){
            var temp =[];
            for(var i=0;i<arr.length;i++){
                if(temp.indexOf(arr[i]) == -1){
                    temp.push(arr[i]);
                }
            }
            return temp;
        }
    var arr2=norepeat(arr);
    console.log(arr2);//[1, 23, 3, 5, 6, 7, 9, 8]

5.借助indexOf()方法判斷此元素在該數組中首次出現的位置下標與循環的下標是否相等

 

var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];
   console.log(arr);    
   function norepeat(arr) {
       for (var i = 0; i < arr.length; i++) {
           if (arr.indexOf(arr[i]) != i) {
               arr.splice(i,1);//刪除數組元素后數組長度減1后面的元素前移
               i--;//數組下標回退
           }
       }
       return arr;
   }
   var arr2 = norepeat(arr);
   console.log(arr2);                 //[1, 23, 3, 5, 6, 7, 9, 8]

 

6.創建一個新數組 通過indexOf方判斷當前元素在數組中的索引如果與循環的下標相等則添加到新數組中

  var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];
   console.log(arr);
   function norepeat(arr){
       var temp=[];
       for(var i=0;i<arr.length;i++){
           if(arr.indexOf(arr[i]) == i){
               temp.push(arr[i]);
           }
       }
       return temp;
   }
   var arr2=norepeat(arr);
   console.log(arr2);    //[1, 23, 3, 5, 6, 7, 9, 8]

7.利用數組中的filter方法

  var arr = ["apple","banana","pear","apple","orange","orange"];
   console.log(arr);
   var arr2 =arr.filter(function(value,index,self){
       return self.indexOf(value) ===index;
   });
   console.log(arr2);   //["apple", "banana", "pear", "orange"]

 

8.利用空對象來記錄新數組中已經存儲過的元素

 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5];
    console.log(arr);
    var obj={};
    var arr2=[];
    for(var i=0;i<arr.length;i++){
        if(!obj[arr[i]]){
            obj[arr[i]]=true;
            arr2.push(arr[i]);
        }
    }
    console.log(arr2);   //[1, 23, 3, 5, 6, 7, 9, 8]

 

 

 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5];
    console.log(arr); 
    function norepeat(arr){
        var temp;
        arr.sort();
        temp=arr[0];
        for(var i=1;i<arr.length;i++){
            if(arr[i]==temp){   //當前元素如果和臨時元素相等則將此元素從數組中刪除
                arr.splice(i,1);
                i--;
            }else{
                temp=arr[i];
               }
        }
        return arr;
    }
    var arr2=norepeat(arr);
    console.log(arr2);   //[1, 23, 3, 5, 6, 7, 8, 9]

 9.利用set添加時不會將重復的元素添加進去這一特性，for循環遍歷數組，將每個元素都添加進set里

    function noRepeat(){
      const arr = [1,2,3,4,5,6,7,2,3,65,46,1,0]
      const set = new Set()
      for(let i = 0;i< arr.length; i++){
        set.add(arr[i])
      }
      return set
    }
    console.log(noRepeat())//Set(10) {1, 2, 3, 4, 5,6,7,65,46,0}

 

轉載於：https://blog.csdn.net/xing476255461/article/details/100067006