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