数组去重

2016-11-17  本文已影响0人  fillter

关于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是将一个类数组转换为真正的数组
    }
    console.log(unique(arr));

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

上一篇 下一篇

猜你喜欢

热点阅读