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