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

[...new Set([1,1,2,2,3,3])];//[1,2,3]

代码就这一句,利用的是Set中的元素是唯一的,只会出现一次的特性,这里还有一个概念:“…”
…(扩展运算符)

扩展运算符:将一个数组转为用逗号分隔的参数序列
这样以来就很清楚了,黑科技是不是很神奇,其实这也是大厂的一道面试题,说的是请用最少的代码实现数组去重

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值