用JavaScript实现数组去重的好方法

数组去重有很多方法,这里总结了我比较喜欢用的几种方法:
第一种:使用对象去重1
特点:使用两次循环,将前一个项与后一项比较,再用splice删除重复的值

let ary = [1, 2, 1, 4, 6, 4, 6];
let obj = {};
        for (let i = 0; i < ary.length; i++) {
            let item = ary[i];
            for (let j = i + 1; j < ary.length; j++) {
                if (item === ary[j]) {
                    ary.splice(j, 1);//会使数组塌陷
                    j--;
                }
            }
            obj[item] = item;
        }
        console.log(ary);

第二种:使用对象去重2
特点:只循环一次,判断对象中是否包含这个值,然后再删除

let obj = {};
        for (let i = 0; i < ary.length; i++) {
            let item = ary[i];
            if (obj[item] !== undefined) {
                ary.splice(i, 1);
                i--;
                continue;
            }
            obj[item] = item;
        }
        console.log(ary);

第三种:使用forEach&includes
特点:

  1. 对IE低版本兼容性不好,使用一个额外的空数组
  2. 判断新数组中是否存在这个值,不存在则使用push添加到新数组
 let ary1 = [];
        ary.forEach(item => {
            if (ary1.includes(item)) return;
            ary1.push(item);
        })
        console.log(ary1);

第四种:使用filter&indexOf
特点:

  1. 对IE低版本兼容性不好,使用一个额外的空数组
  2. 用filter对数组筛选,只返回值第一次出现位置的值
let ary2 = ary.filter((item, index, array) => {
            return array.indexOf(item) === index;
        })
        console.log(ary2);

第五种:使用Set

let se = new Set(ary);
        console.log([...se]);

第六种:使用对象&不使用splice
特点:

  1. j兼容IE低版本
  2. 不会有数组塌陷问题
function unique(ary) {
            let obj = {};
            for (let i = 0; i < ary.length; i++) {
                let item = ary[i];
                if (obj[item] !== undefined) {
                    ary[i] = ary[ary.length - 1];
                    ary.length--;
                    i--;
                    continue;
                }
                obj[item] = item;
            }
            return ary;
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值