关于数组去重的几种方法

数组去重:

1.数组sort加splice截取去重(推荐)
原理:使用sort进行简单排序,将相同项放一起,然后循环比较截取

var arr1=[1,3,6,6,6,4];

function noRepeat(arr){
	arr.sort()//使用sort进行简单排序,将相同项放一起
    for(var i=0;i<arr.length;i++){ //控制外层循环
            if(arr[i]==arr[i+1]){
                arr.splice(i+1,1); //从数组中删除元素,此时数组发生改变
                i--;  //此时原数组的索引都向前减了1,因此i--z再去比较一次
            }
    }
    return arr;
}
console.log(noRepeat(arr1));

2.数组splice截取方法去重
var arr1=[1,3,6,6,6,4];

function noRepeat(arr){
    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); //从数组中删除元素,此时数组发生改变
                j--;  //此时原数组的索引都向前减了1,因此j--z再去比较一次
            }
        }
    }
    return arr;
}
console.log(noRepeat(arr1));

3.数组indexOf方法去重(推荐)
原理:若数组中不包含某一元素则它的indexOf值为-1,若为-1则将该元素放入新数组中,最终返回新数组即为去重后的数组

function noRepeat(arr){
        var newArr = [];
        for(var i = 0; i < arr.length; i++){
            if(newArr.indexOf(arr[i]) == -1){
                        newArr.push(arr[i]);
                }
        }
        return newArr;
    }

4.借助对象的特性去重(推荐)
原理:若object里不存在某一属性,其值为undefined;把数组中的元素当对象的属性来判断
先声明一个空数组和一个空对象,然后遍历数组,判断对象中是否含有该属性,若为undefined则将该元素放入新数组中,并给与该属性一个属性值1,最终返回新数组即为去重后的数组

var arr1=[1,3,6,6,6,4];

function noRepeat(arr){  //利用数组和对象结合的方式去重
    var newArr=[];
    var obj={};
    for(var i=0;i<arr.length;i++){
        //把数组中的元素当成对象的属性
        if(obj[arr[i]]==undefined){  //如果第一次出现会得到undefined
            newArr.push(arr[i]);  //将第一次出现的值加入到新数组中
            obj[arr[i]]=1;  //给obj对象的属性赋值,使其重复的值得到的结果不为undefined
        }
    }
    return newArr;
}
console.log(noRepeat(arr1));

Es6新增方法

5.set与解构赋值去重
function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('type error!')
        return
    }
    return [...new Set(arr)]
}

6.Array.from与set去重

function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('type error!')
        return
    }
    return Array.from(new Set(arr))
}

7.利用filter的数组去重

var r;
var arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];

r = arr.filter(function (element, index, self) {
    return self.indexOf(element) === index;
  });

alert(r);
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值