美文网首页
数组去重

数组去重

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

相关文章

  • Array集结号

    实现数组去重的几种方法 数组去重一 数组去重二 利用数组indexof+push实现数组去重 数组去重三 利用对象...

  • 实现数组去重有哪些方式

    简单的数组去重 数组对象去重

  • 数组去重的四种方法

    利用双for循环去重 利用对象数组去重 利用对象数组去重并且记录重复次数 通过创建一个新数组进行数组去重

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • javascript数组去重,数组对象去重

    利用Reduce去重 function unique(arr) {var obj = {};arr = arr.r...

  • js:数组去重

    数组去重的常见写法: 数组去重封装成方法: es6的数组去重(Array.from):

  • ES6数组去重

    普通数组去重 方法1 方法2 对象数组去重

  • js reduce去重用法

    reduce不仅仅可以数据累加,还可以实现去重效果。 重复次数计算 数组去重 数组对象去重,转为数组 对象去重

  • 数组去重

    传统方法 ES6 扩展 传统方法 最后再写到 Array.prototype 原型中

  • 数组去重

    老题了。。虽然网上一搜一大堆,还是自己想了想,自己动笔写了几种。

网友评论

      本文标题:数组去重

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