js数组中对象去重的方法

前端 同时被 2 个专栏收录
40 篇文章 0 订阅
14 篇文章 0 订阅

简单说一下数组中对象去重的方法

假设当前有这样一个数组

    let arr = [{
      key: '01',
      value: '乐乐'
    },{
      key: '02',
      value: '博博'
    },{
      key: '03',
      value: '淘淘'
    },{
      key: '04',
      value: '哈哈'
    },{
      key: '01',
      value: '乐乐'
    }];

1.对象访问属性的方法

采用对象访问属性的方法,判断属性值是否存在

	//  利用对象访问属性的方法,判断对象中是否存在key
    let newArr = [];
    let obj = {};
    for (var i = 0; i < arr.length; i++) {
      if (!obj[arr[i].key]) {
        newArr.push(arr[i]);
        obj[arr[i].key] = true;
      }
    }
    console.log(newArr);

1-1

2.reduce方法

采用数组中的reduce方法,遍历数组,其实也是通过对象访问属性

    // 利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数,第二个参数是item的初始值
    let obj = {};
    arr = arr.reduce((item, next) => {
      if (!obj[next.key]) {
        item.push(next);
        obj[next.key] = true;
      }
      return item;
    }, []);
    console.log(arr);

1-2
注意: reduce() 对于空数组是不会执行回调函数的。

  • 10
    点赞
  • 8
    评论
  • 36
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值