数组的查重、json数组的查重

在敲代码的过程中想要对获取到的数据数组进行查重,发现简单的数组去重方法(indexOf方法)

好像不行。

1.JSON数组去重方法封装

tools.delRepeatJson = function(arr = [], attrName = '') {
    var temp = {}; //用于name判断重复
    var result = []; //最后的新数组

    arr.forEach(function (item, index) {
        if (!temp[item[attrName]]) {
            result.push(item);
            temp[item[attrName]] = true;
        }
    });
    return result;
}
//arr为要查重的json数组
//attrName为要按那个属性去查重

2.数组合并使用的是.concat

使用方法:假设有两个数组arr1\arr2想要合并这两个数组

let arr3 = arr1.concat(arr2)

3.遍历数组法

实现思路:新建一个数组,遍历去要重的数组,当值不在新数组的时候(indexOf为-1)就加入该新数组中。

indexOf的定义与用法

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

如果没有找到匹配的字符串则返回 -1。

注意: indexOf() 方法区分大小写。

提示: 同样你可以查看类似方法 lastIndexOf() 。


var arr=[2,8,5,0,5,3,3,3,8];
function unique1(arr) {
    var hash = [];
    for (var i=0; i<arr.length; i++) {
        if (hash.indexOf(arr[i]) == -1) {
            hash.push(arr[i]);
        }
    }
    return hash;
}

4.数组下标判断法

实现思路:如果当前数组的第 i 项在当前数组中第一次出现的位置不是 i,那么表示第 i 项是重复的,忽略掉。否则存入结果数组。

function unique2(arr) {
    var hash = [];
    for (var i=0; i<arr.length; i++) {
        if (arr.indexOf(arr[i]) == i) {
            hash.push(arr[i]);
        }
    }
    return hash;
}

5.排序后相邻去除法 

实现思路:给传入的数组排序,排序后相同的值会相邻,然后遍历排序后数组时,新数组只加入不与前一值重复的值。


function unique3(arr) {
    arr.sort();
    var hash = [arr[0]];
    for (var i=1; i<arr.length; i++) {
        if (arr[i] != hash[hash.length-1]) {
            hash.push(arr[i]);
        }
    }
    return hash;
}

6.优化遍历数组法(推荐)

实现思路:双层循环,外循环表示从0到arr.length,内循环表示从i+1到arr.length

将没重复的右边值放入新数组。(检测到有重复值时终止当前循环同时进入外层循环的下一轮判断)

function unique4(arr) {
    var hash = [];
    for (var i=0; i<arr.length; i++) {
        for (var j=i+1; j<arr.length; j++) {
            if (arr[i] === arr[j]) {
                ++i;
            }
        }
        hash.push(arr[i]);
    }
    return hash;
}

7.es6实现

基本思路:ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。

Set函数可以接收一个数组(或类似数组的对象)作为参数,用来初始化。

如果重复,则去掉该元素

数组下标去重

//es6实现
function unique5(arr) {
    var x = new Set(arr);
    return [...x];
}


//扩展

function unique22(arr) {
    var hash=[];
    for (var i=0; i<arr.length; i++) {
        if (arr.indexOf(arr[i]) == arr.lastIndexOf(arr[i])) {
            hash.push(arr[i]);
        }
    }
    return hash;
}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值