数组去重的方案

第 1 章:数组去重

1.1 单个元素去重

1.1-1 利用ES6 Set去重

function unique(arr) {
    return Array.from(new Set(arr))
}

var arr = [1, 2, 3, 4, 5, 2, 1, 9, 0, 5]
console.log(unique(arr));//=>[1, 2, 3, 4, 5, 9, 0]

1.1-2 利用filter去重

var r;
var arr = [1, 2, 3, 4, 5, 2, 1, 9, 0, 5]

r = arr.filter((element, index, self) => {
    return self.indexOf(element) === index;
})
console.log(r)//=>[1, 2, 3, 4, 5, 9, 0]

1.2 数组对象去重【重点】

	var arr = [
	        { id: 0, name: '周瑜' },
	        { id: 1, name: '王昭君' },
	        { id: 2, name: '夏侯惇' },
	        { id: 3, name: '夏侯惇' },
	        { id: 4, name: '不知火舞' }
	    ]
	/*
      方法一:数组的reduce方法
      【会更改数组的原始数据】【ie9以下不支持此方法】
      首先确定:数组对象里面的唯一标识,如:name字段
    */
    let newObj = {};
    arr = arr.reduce((preval, curval) => {
        newObj[curval.name] ? '' : newObj[curval.name] = true && preval.push(curval);
        return preval
    }, [])
    console.log('去重arr22', arr);

	/*
      原生js方法:distinct1保留元数据,获取去重后的新数组
    */
    // 方法一 【推荐】
    function distinct1(arr, key) {
        var newobj = {}, newArr = [];
        for (var i = 0; i < arr.length; i++) {
            var item = arr[i];
            if (!newobj[item[key]]) {
                newobj[item[key]] = newArr.push(item);
            }
        }
        return newArr;
    }
    var newArray = distinct1(arr, 'name'); // 首先确定:数组对象里面的唯一标识,如:name字段
    console.log('去重的新数组dis1', newArray);
    console.log('原数组', arr);


    // 方法二 会更改数组的原始数据
    function distinct3(arr, key) {
        for (let i = 0; i < arr.length; i++) {
            for (let j = i + 1; j < arr.length; j++) {
                if (arr[i][key] === arr[j][key]) {
                    arr.splice(j, 1);
                    j = j - 1;
                }
            }
        }
        return arr;
    }
    var newArr = distinct3(arr, 'name')
    console.log('去重后的数组new', newArr);
    console.log('原数组', arr);

去重指定元素
	var arr1 = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
    function disArray(arr, key) {
        var newArr = [];
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] != key) {
                newArr[newArr.length] = arr[i];
            }
        }
        return newArr;
    }
    var oA = disArray(arr1, 0); // 去重零
    console.log('11111',oA);  //=>[2, 6, 1, 77, 52, 25, 7]

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

落花流雨

你的鼓励将是我创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值