对象数组多个属性同时相同时去重

暗示11

已于 2023-07-05 18:39:06 修改

阅读量209

点赞数

文章标签： javascript 前端开发语言

于 2023-07-05 16:00:18 首次发布

本文链接：https://blog.csdn.net/u012796234/article/details/131557784

版权

文章介绍了如何在JavaScript中对包含多个属性的对象数组进行去重操作。通过使用`reduce`函数，结合对象作为哈希表来检查对象的`name`和`age`两个属性是否已存在，从而实现去重。这种方法确保只有当两个对象的所有关键属性完全相同时才会被视为重复并被过滤掉。

摘要由CSDN通过智能技术生成

对象数组多个属性同时相同去重
使用场景：我们在对某个对象数组去重时通常是针对某个属性（比如id）进行去重，这种实现起来比较简单，但会有情况需要我们让对象中多个属性都相同时才算重复进行去重，就可以用到下面方法

需要去重的数据

const arr = [
        {
          name: "小明",
          age: 20,
        },
        {
          name: "小李",
          age: 20,
        },
        {
          name: "小明",
          age: 20,
        },
        {
          name: "小明",
          age: 22,
        },
        {
          name: "小明",
          age: 20,
        },
        {
          name: "小张",
          age: 22,
        },
      ];

       const hasObj = {};
      const arr1 = arr.reduce((total, next) => {
        const filterKey = next.name + next.age;
        hasObj[filterKey] ? "" : (hasObj[filterKey] = true && total.push(next));
        return total;
      }, []);



    //去重后的数据
    console.log('去重前:', arr)
    console.log('去重后:', arr1)