实现数组去重的8种方式

本文介绍了六种JavaScript数组去重的方法,包括利用Set、indexOf、includes和map等内置或原型方法,帮助开发者理解和实践不同的解决方案。从基础到高级,涵盖了从传统遍历到现代ES6特性。
摘要由CSDN通过智能技术生成

方法一: 利用 ES6的set 方法。

function unique1(arr){
    let object = new Set(arr);
    return Array.from(object)
}
console.log(unique([1,2,3,4,5,6,6,6,7,8,9]))  //[1, 2, 3, 4, 5, 6, 7, 8, 9]

方法二: 利用数组的indexOf下标属性来查询。

function unique2(arr){
    var newArray = [];
    for(var i=0;i<arr.length;i++){
        if (newArray.indexOf(arr[i])===-1) {
            newArray.push(arr[i]);
        }
    }
    return newArray;
}
console.log(unique2([1, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]))

方法三:利用数组原型对象上的includes方法

function unique3(arr){
    var newArray = [];
    for(var i=0;i<arr.length;i++){
        if (!newArray.includes(arr[i])) {
            newArray.push(arr[i]);
        }
    }
    return newArray;
}
console.log(unique3([1, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]))

方法四:利用数组原型对象上的 filter 和 includes方法。

function unique4(arr){
    var newArray = [];
    arr.filter(item=>{
        newArray.includes(item) ? '' : newArray.push(item)
    });
    return newArray
}

console.log(unique4([1, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]))

方法五:利用数组原型对象上的 forEach 和 includes方法。

function unique5(arr){
    var newArray = [];
    arr.forEach(item=>{
        newArray.includes(item) ? '' : newArray.push(item)
    });
    return newArray
}

console.log(unique5([1, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]))

方法六:利用Es6的map 和 includes方法

function unique6(arr){
    var newArray = [];
    arr.map(item=>{
        newArray.includes(item) ? '' : newArray.push(item)
    });
    return newArray
}

console.log(unique6([1, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]))

方法七:利用数组原型对象上的 splice 方法。

function unique7(arr){
    for(var i=0;i<arr.length;i++){
        for(var j=i+1;j<arr.length;j++){
            if(arr[i] == arr[j]){
                arr.splice(j,1);
                arr.length--;
                j--
            }
        }
    }
    return arr;
}

console.log(unique6([1, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]))

方法八:利用数组原型对象上的 lastIndexOf 方法。

function unique8(arr){
    var newArray = [];
    for(var i=0;i<arr.length;i++){
        if(newArray.lastIndexOf(arr[i]) === -1){
            newArray.push(arr[i])
        }
    }
    return newArray;
}

console.log(unique8([1, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]))

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值