数组去重

####关于js的数组去重,有很多种方法来实现,下面就说一下我在学习这一方面时的进阶之路。

1.for循环去重也是初学者最先想到的方法

 var arr = [1, 1, 4, 50, 50, 6, 2, 2];
function unique() {
        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); //如果前一个值与后一个值相等,那么就去掉后一个值,splice()可以修改原数组
            }
        }
        return arr;
    }
    unique();
复制代码

2.对象方式数组去重

 var arr = [1, 1, 4, 50, 50, 6, 2, 2];

    //数组转化成对象
    function toObject(arr){
        var obj={};
        var i;
        for(i=0;i<arr.length;i++){
            obj[arr[i]]=true;
        }
        return obj;
    }
    //对象转为数组
    function toArr(obj){
        var arr=[];
        for (var attr in obj) {
            if (obj.hasOwnProperty(attr)) {
                arr.push(attr);
            }
        }
        return arr;
    }
    function unique(newarr){
        return toArr(toObject(newarr));
    }
复制代码

3.fillter方法去重

    var arr = [1, 1, 4, 50, 50, 6, 2, 2];
    function unique(arr) {
        return arr.filter(function(item, index, array) {
            return array.indexOf(item) === index;
            //或者这样写return array.indexOf(item, index+1) === -1; 如果没有重复项,返回true
            //用filter方法,返回ietm对应的indexOf索引值与本身index索引值相等的值,也就是去掉重复的值,filter本身不修改数组,只是会自动遍历数组,去掉重复值后,那么arr就剩下不重复的了
        });
    }
    console.log(unique(arr)); //输出Array [ 1, 4, 50, 6, 2 ]
复制代码

4.es6唯一集合去重

var arr = [1, 1, 4, 50, 50, 6, 2, 2];

    function unique(arr) {
        return Array.from(new Set(arr));//set在es6中是唯一集合里面不会有重复的项,Array.from是将一个类数组转换为真正的数组
    }
    或者
  function unique(arr) {
        return [...new Set(arr)];//set在es6中是唯一集合里面不会有重复的项,Array.from是将一个类数组转换为真正的数组
  }
    console.log(unique(arr));
复制代码

上述这些基本上就是我在学习js时对数组去重的一些总结吧

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值