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: JS数组去重方式有很多种,下面列举几种常见的方法: 1. 使用Set数据结构 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = Array.from(new Set(arr)); console.log(newArr); // [1, 2, 3, 4, 5] ``` 2. 使用filter方法 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(newArr); // [1, 2, 3, 4, 5] ``` 3. 使用reduce方法 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const newArr = arr.reduce((prev, cur) => { if (!prev.includes(cur)) { prev.push(cur); } return prev; }, []); console.log(newArr); // [1, 2, 3, 4, 5] ``` 4. 使用Map数据结构 ```javascript const arr = [1, 2, 2, 3, 4, 4, 5]; const map = new Map(); const newArr = []; for (let i = 0; i < arr.length; i++) { if (!map.has(arr[i])) { map.set(arr[i], true); newArr.push(arr[i]); } } console.log(newArr); // [1, 2, 3, 4, 5] ``` ### 回答2: 在 JavaScript 中,有多种方式可以对数组进行去重操作。 1. 使用 Set 对象:Set 对象是 ES6 中引入的新的数据结构,它类似于数组,但是成员的值都是唯一的。我们可以通过将数组转换为 Set 对象来实现去重。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 2. 使用 indexOf 方法:通过遍历数组中的每个元素,并使用 indexOf 方法来判断元素是否已经存在于结果数组中。若不存在,则将该元素加入到结果数组中。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = []; for (let i = 0; i < arr.length; i++) { if (uniqueArr.indexOf(arr[i]) === -1) { uniqueArr.push(arr[i]); } } console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 3. 使用 filter 方法:通过 filter 方法对数组进行筛选,只保留第一次出现的元素。例如: ```javascript const arr = [1, 2, 2, 3, 3, 4, 5, 5]; const uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上是三种常见的 JavaScript 数组去重方式,根据具体需求和代码场景可以选择适合的方式进行使用。 ### 回答3: 在JavaScript中,有多种方式可以对数组进行去重。 一种简单的方法是使用Set。Set是ES6中引入的一种新的数据结构,它只允许存储唯一的值,并且可以快速地判断一个值是否存在于Set中。利用Set的特性,我们可以通过将原数组转换成Set,然后再将Set转换回数组,实现数组去重。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 另一种常见的方法是使用filter函数,通过循环遍历数组,将不重复的元素添加到一个新的数组中。利用filter函数的特性,我们可以通过判断当前元素在数组中的索引是否与当前索引一致来判断是否重复。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = arr.filter((item, index) => { return arr.indexOf(item) === index; }); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 还有一种简便的方法是利用reduce函数,通过循环遍历数组,将不重复的元素添加到一个新的数组中。利用reduce函数的特性,我们可以通过判断新数组中是否已经存在当前元素来判断是否重复。 ```javascript let arr = [1, 1, 2, 3, 3, 4, 5]; let uniqueArr = arr.reduce((pre, cur) => { if (!pre.includes(cur)) { pre.push(cur); } return pre; }, []); console.log(uniqueArr); // [1, 2, 3, 4, 5] ``` 以上是JavaScript中常用的几种数组去重方式。根据实际情况选择适合自己的方法来进行数组去重操作。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值