数组去重方法

 需要处理的数据:


    let arr = [1, 1, '1', '1', true, true, 'true', {}, {}, '{}', null, null, undefined, undefined]

方法1: 


    // ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构。
    let uniqueOne = Array.from(new Set(arr))
    console.log(uniqueOne)

方法2: 


    let uniqueTwo = arr => {
        let map = new Map() // 或者用空对象 let obj = {} 利用对象属性不能重复的特性
        let brr = []
        arr.forEach(item => {
            if (!map.has(item)) {// 如果是对象的话就判断!obj[item]
                map.set(item, true) // 如果是对象的话就obj[item] = true 其他一样
                brr.push(item)
            }
        })
        return brr
    }
    console.log(uniqueTwo(arr))

 方法3:

 
    let uniqueThree = arr => {
        let brr = []
        arr.forEach(item => {
            // 使用indexOf 返回数组是否包含某个值,没有就返回-1,有就返回下标
            // if (brr.indexOf(item) === -1) brr.push(item)
            // 或者使用includes 返回数组中是否包含某个值,没有就返回false,有就返回true
            if (!brr.includes(item)) brr.push(item)
        })
        return brr
    }
    console.log(uniqueThree(arr))

方法4: 


    let uniqueFour = arr => {
        // 使用filter返回条件的集合
        let brr = arr.filter((item, index) => {
            return arr.indexOf(item) === index
        })
        return brr
    }
    console.log(uniqueFour(arr))

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值