原生JS数组去重的几种方法

第一种方法:创建空数组利用indexOf方法检测就数组的项是否在新数组中。

Array.prototype.unique=function(){

  var arr=[];//创建新数组

  for(var i=0;i<this.length;i++){ //遍历当前数组

      if(arr.indexOf(this[i])===-1){//如果等于-1,那么也是就是新数组中没有一项和当前数组一样

            arr.push(this[i])

        }

    }

    return arr;

}

//调用:ary.unique()


第二种方法:创建空数组和空对象,判断数组是否在对象中

Array.prototype.unique=function(){

    var tmp={},arr=[]

    for(var i=0;i&lt;this.length;i++){

        if(!tmp[this[i]]){//如果tmp中没有this[i]

               tmp[this[i]]=true;//存入

                arr.push(this[i]);//添加到新数组中

        }

    }    

    return arr

}

//调用:ary.unique()

第三种方法:下标判断法

Array.prototype.unique=function(){

    var arr=[this[0]];

    for(var i=1;i<this.length;i++){ //遍历当前数组,从第二项开始遍历

        if(this.indexOf(this[i])===i){//如果当前数组的第i项是i那么就存入新的数组

            arr.push(this[i])

        }

    }

    return arr;

}

//调用:ary.unique()

第四种方法:排序后在去重

Array.prototype.unique=function(){

    var arr=[];

    this.sort()

    for(var i=0;i<this.length;i++){

        if(this[i]!==arr[arr.length-1]){

            arr.push(this[i])

        }

    }

    return arr;

}

//调用:ary.unique()

第五种方法:黑科技new Set数组去重

首先我们先介绍下new Set

new Set是来自于ES6,Set对象是值的集合,你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次,即 Set 中的元素是唯一的。

大家可以去看下MDN文档链接地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set

下面给出代码!

[...newSet([1,1,2,2,3,3])];//[1,2,3]

代码就这一句,利用的是Set中的元素是唯一的,只会出现一次的特性,这里还有一个概念:“...”

…(扩展运算符)

扩展运算符:将一个数组转为用逗号分隔的参数序列

这样以来就很清楚了,黑科技是不是很神奇,其实这也是大厂的一道面试题,说的是请用最少的代码实现数组去重

新人如有错误,往指正,以免误导别人~拜谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。