Js中去除数组中重复元素的6种方法

方法一:

     Array.prototype.method1 = function(){  
            var arr=[];    //定义一个临时数组  
            for(var i = 0; i < this.length; i++){    //循环遍历当前数组  
                //判断当前数组下标为i的元素是否已经保存到临时数组  
                //如果已保存,则跳过,否则将此元素保存到临时数组中  
                if(arr.indexOf(this[i]) == -1){  
                    arr.push(this[i]);  
                }  
            }  
            return arr;  
        } 

方法二:

        
        Array.prototype.method2 = function(){  
            var h={};    //定义一个hash表  
            var arr=[];  //定义一个临时数组  
              
            for(var i = 0; i < this.length; i++){    //循环遍历当前数组  
                //对元素进行判断,看是否已经存在表中,如果存在则跳过,否则存入临时数组  
                if(!h[this[i]]){  
                    //存入hash表  
                    h[this[i]] = true;  
                    //把当前数组元素存入到临时数组中  
                    arr.push(this[i]);  
                }  
            }  
            return arr;  
        }  

方法三:

  Array.prototype.method3 = function(){  
            //直接定义结果数组  
            var arr=[] ;
            for(var i = 1; i < this.length; i++){    //从数组第二项开始循环遍历此数组  
                //对元素进行判断:  
                //如果数组当前元素在此数组中第一次出现的位置不是i  
                //那么我们可以判断第i项元素是重复的,否则直接存入结果数组  
                if(this.indexOf(this[i]) == i){  
                    arr.push(this[i]);  
                }  
            }  
            return arr;  
          
        }  

方法四:

   Array.prototype.method4 = function(){  
            //将数组进行排序  
            this.sort();  
            //定义结果数组  
            var arr=[];  
            for(var i = 1; i < this.length; i++){    //从数组第二项开始循环遍历数组  
                //判断相邻两个元素是否相等,如果相等说明数据重复,否则将元素写入结果数组  
                if(this[i] !== arr[arr.length - 1]){  
                    arr.push(this[i]);  
                }              
            }  
            return arr;  
              
        }  

ext:

  1.  var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];  
  2.         alert(arr.method3());  

方法五:

const set=new Set([1,2,3,4,4]);
console.log([...set]);//[1,2,3,4]; 
//[...set]是一个扩展运算符,将一个数组转为用逗号分隔的参数列表。

方法六:

function dedupe(array){
    return Array.from(new Set(array));
    //这里的 Array.from()方法是将两类对象转为真正的数组:类似数组的对象和可遍历的对象(包括es6新增的数据结构Set和Map)
    }

 dedupe([1,1,1,2,3]) //[1,2,3]

 

原文地址:https://www.cnblogs.com/shj-com/p/7458510.html