JS數組去重


朋友們,起風了,該“浪”起來了。

今天帶大家“浪”的主題是js的數組去重,總結了幾種方法如下,希望有所幫助,希望同行之間的交流,更希望有大神批評指點!!!

 

方法1:利用ES6的Set結合Array.from去重

      var arr = [5,6,8,8,6,8,6];
      
var set = new Set(arr); //Set()它類似於數組(偽數組),但是成員的值都是唯一的,沒有重復的值。
      console.log(Array.from(set)) //Array.from()將一個類數組對象或者可遍歷對象轉換成一個真正的數組。

 

方法二:利用ES5中的Index.Of()方法

      function noRepeat(arr){ var newArr = []; for(var i in arr){ if(newArr.indexOf(arr[i]) == -1){ //arr中的值在newArr中不存在就返回 -1 newArr.push(arr[i]); } } return newArr; } 

 

方法三:利用數組中filter方法

     var arr = [5,6,8,8,6,8,6];
  
var newArr = arr.filter((items,index,arry)=>{ //按照某個條件過濾,返回滿足條件的新數組
  return arry.indexOf(items) === index //過濾掉下標相同的值
   }) console.log(newArr)

 

方法四: 雙層for循環,利用數組splice來去重

     var arr = [5,6,8,8,6,8,6];

        function reRepeat(arr){
            for(var i =0;i < arr.length;i++){
                for(var j = i+1;j<arr.length;j++){
                    if(arr[j] == arr[i]){
                        arr.splice(j,1)
                        j--          //刪除后下標減一,防止錯過相同元素
                    }
                }
            }
            return arr
        }
console.log(reRepeat(arr))

 

方法五 : 利用對象的特性(唯一性),不能出現相同的key值

     var arr = [5,6,8,8,6,8,6];
        
        function reRepeat(arr){
            var obj={};
            var newArr=[];
            for(var i = 0;i < arr.length;i ++){
                if(!obj[arr[i]]){
                    obj[arr[i]]=1;
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }

        console.log(reRepeat(arr))

 

方法六 : 排序后利用相鄰的元素進行判斷然后push

     var arr = [5,5,6,8,8,6,8,6];

        function reRepeat(arr){
            arr.sort( ( a , b ) => { return a - b; } )  //將數組進行排序 var newArr=[];
            for(var i = 0;i < arr.length; i++){
                if(arr[i]!=arr[i+1]){
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }

        console.log(reRepeat(arr))

 

 

   從頭到尾看到這里,說明你是一個有耐心的程序猿(哈哈哈哈)

    如果您對數組去重有更好的理解,歡迎留言,一起走向人生巔峰!!!!

 

 

  

 


免責聲明!

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



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