美文网首页
数组去重

数组去重

作者: fillter | 来源:发表于2016-11-17 23:42 被阅读0次

    关于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时对数组去重的一些总结吧

    相关文章

      网友评论

          本文标题:数组去重

          本文链接:https://www.haomeiwen.com/subject/txrjpttx.html