js数组中对象去重的方法

一个数组中含有对象,并且去除数组中重复的对象

  1. id相同的,保留第一个,其它的删除
      let arr = [
        { id: 0, name: "张三" },
        { id: 1, name: "李四" },
        { id: 2, name: "王五" },
        { id: 3, name: "赵六" },
        { id: 1, name: "孙七" },
        { id: 2, name: "周八" },
        { id: 2, name: "吴九" },
        { id: 3, name: "郑十" },
      ];

        const removeDuplicateObj = (arr) => {
          let obj = {};
          arr = arr.reduce((newArr, next) => {
            obj[next.id] ? "" : (obj[next.id] = true && newArr.push(next));
            return newArr;
          }, []);
          return arr;
        };

        console.log(removeDuplicateObj(arr));

在这里插入图片描述
2. id相同的,保留第一个,其它的删除------------- for循环方法

      let arr = [
        { id: 0, name: "张三" },
        { id: 1, name: "李四" },
        { id: 2, name: "王五" },
        { id: 3, name: "赵六" },
        { id: 1, name: "孙七" },
        { id: 2, name: "周八" },
        { id: 2, name: "吴九" },
        { id: 3, name: "郑十" },
      ];

      const removeDuplicateObj = (arr) => {
        let newArr = []
        let obj = {};
        for (var i = 0; i < arr.length; i++) {
          if (!obj[arr[i].id]) {
            newArr.push(arr[i]);
            obj[arr[i].id] = true;
          }
        }
        return newArr
      };

      console.log(removeDuplicateObj(arr));

在这里插入图片描述

  1. 判断对象中的每一个属性,若其对应的属性值都相同,则去重
      let arr = [
        { id: 0, name: "张三", age: 23 },
        { id: 1, name: "李四", age: 23 },
        { id: 2, name: "王五", age: 24 },
        { id: 3, name: "赵六", age: 25 },
        { id: 1, name: "孙七", age: 23 },
        { id: 2, name: "周八", age: 24 },
        { id: 2, name: "吴九", age: 26 },
        { id: 3, name: "郑十", age: 25 },
      ];

      const removeDuplicateObj = (arr) => {
        // 缓存用于记录
        const newArr = [];
        for (const t of arr) {
          // 检查缓存中是否已经存在
          if (
            newArr.find(
              (c) =>
                c.id === t.id &&
                c.age === t.age 
            )
          ) {
            // 已经存在说明以前记录过,现在这个就是多余的,直接忽略
            continue;
          }
          // 不存在就说明以前没遇到过,把它记录下来
          newArr.push(t);
        }

        // 记录结果就是过滤后的结果
        return newArr;
      };

      console.log(removeDuplicateObj(arr));

在这里插入图片描述

  • 17
    点赞
  • 96
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

bigHead-

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

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

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

打赏作者

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

抵扣说明:

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

余额充值