js优雅的数组去重方式

一、去除数组单一属性重复

也就是最普通的数组

1、通过利用Set()+Array.from()/拓展运算符

原理:set集合本身不能重复自动去除重复项、Array.form()把伪数组、集合转为数组

const arr=[1,3,2,7,5,null,undefined,'张三','李四',张三]
##方法一
removeRepeat(arr){
    return Array.form(new Set(arr))
}
##方法二
removeRepeat(arr){
    return [...new Set(arr)]
}
二、去除数组对象中的重复属性

1、使用Map集合集合filter方法去重

原理:根据Map集合key值唯一来去重
重点:filter根据布尔值来确定是否返回这一项,根据集合存储name=>1数值,如果没有存在key为name的情况,Map集合会set一个key为name,值为1的集合值,然后根据集合.get(name)获取去重后存在的name的值为1,在程序中,非0即真,这个1可以设置非0的值 随便设置,当这项值为真的时候,布尔值为真,会返回数组这一项,依次类推,返回去重后的数组

##根据数组对象的某一项或者多项进行去重   
    var arr1=[
      {
        name:"张三",
        age:13
      },
      {
        name:"张三",
        age:18
      },
      {
        name:"李四",
        age:13
      },
      {
        name:"王五",
        age:13
      }
    ]
  ##根据数组对象中的一项
  removeRepeat(arr){
      const res=new Map()
      return arr.filter(v=>{
        return !res.has(v.name) && res.set(v.name,1)
      })
    }
 ##根据数组对象中的多项
  removeRepeat(arr){
      const res=new Map()
      return arr.filter(v=>{
        return !res.has(v.name) && res.set(v.name,1)&&!res.has(v.age)&&res.set(v.age,1)
      })
    }
## 这个方法的全部这样的
    removeRepeat(arr){
      const res=new Map()
      return arr.filter(v=>{
        if(!res.has(v.name)){
          res.set(v.name,1)
          return res.get(v.name)
        }
      })
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值