JavaScript数组去重

整理了以下6种JS数组去重方法,仅供参考。
  1. 利用ES6中的Set结构方法去重(ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成 Set 数据结构)
function unique(arr) {
    return [...new Set(arr)]; 
    // return Array.from(new Set(arr)); //不用展开运算符,也可以使用Array.from()方法,它的作用是将一个类数组对象或者可遍历对象转换成一个真正的数组
}
  1. 使用双重for循环,再利用数组的splice方法去重(ES5常用), 原理类似选择排序
function unique(arr) {
    for (var i = 0, len = arr.length; i < len; i++) {
        for (j = i + 1, len = arr.length; j < len; j++) {
            if (arr[i] === arr[j]) {
                arr.splice(j, 1);
                j--;
                len--;
            }
        }
    }
    return arr;
}
  1. 利用数组的indexOf方法去重
function unique(arr) {
    let newArr = [];
    for (let i = 0; i < arr.length; i++) {
        if (newArr.indexOf(arr[i]) === -1) {
            newArr.push(arr[i]);
        }
    }
    return newArr;
}
  1. 利用数组的includes去重
function unique(arr) {
    let newArr = [];
    for (let i = 0; i < arr.length; i++) {
        if (!newArr.includes(arr[i])) {
            newArr.push(arr[i]);
        }
    }
    return newArr;
}
  1. 利用数组的sort方法去重(相邻元素对比法)
function unique(arr) {
    arr = arr.sort();
    let newArr = [arr[0]];
    for (let i = 1; i < arr.length; i++) {
        if (arr[i] !== arr[i - 1]) {
            newArr.push(arr[i]);
        }
    }
    return newArr;
}
  1. 利用对象的属性不能相同的特点去重
function unique(arr) {
    let newArr = [];
    let obj = {};
    for (let i = 0; i < arr.length; i++) {
        if (!obj[arr[i]]) {
            newArr.push(arr[i]);
            obj[arr[i]] = 1;
        }
    }
    return newArr;
}

以上就是整理出的6种JS数组去重方法,若有错误,请指出!也请大佬们可以分享分享其他方法,谢谢!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值