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))

   從頭到尾看到這裡，說明你是一個有耐心的程式猿（哈哈哈哈）

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