美文网首页
对象数组去重

对象数组去重

作者: 如此行走 | 来源:发表于2023-11-09 10:58 被阅读0次
 let arr = [
    { id: 1, name: 'Tom' },
    { id: 2, name: 'Jerry' },
    { id: 1, name: 'Tom' },
    { id: 3, name: 'Mickey' },
    { id: 2, name: 'Jerry' }
  ];
// 方法一
const uniqueArr = (arr, key='id') => arr.reduce((prev, cur) => {
    if (!prev.some(item => item[key] === cur[key])) {
      prev.push(cur);
    }
    return prev;
  }, []);
// 方法二
  const duplicateById = (list, uniqueKey='id') => [...list.reduce((prev, cur) => prev.set(cur[uniqueKey], cur), new Map()).values()]
// 输出
console.log(uniqueArr(arr))
console.log(duplicateById(arr))


[
    {
        "id": 1,
        "name": "Tom"
    },
    {
        "id": 2,
        "name": "Jerry"
    },
    {
        "id": 3,
        "name": "Mickey"
    }
]

相关文章

  • 实现数组去重有哪些方式

    简单的数组去重 数组对象去重

  • 数组对象去重方法:

    数组对象去重方法: // 数组对象去重 ```` toRetry = (arr = []) => { let re...

  • 数组去重

    分类 非对象数组去重 对象数组去重 分类一 --- 非对象数组去重 方法一: set(es6常用) 方法二:red...

  • 数组去重的四种方法

    利用双for循环去重 利用对象数组去重 利用对象数组去重并且记录重复次数 通过创建一个新数组进行数组去重

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • Array集结号

    实现数组去重的几种方法 数组去重一 数组去重二 利用数组indexof+push实现数组去重 数组去重三 利用对象...

  • js reduce去重用法

    reduce不仅仅可以数据累加,还可以实现去重效果。 重复次数计算 数组去重 数组对象去重,转为数组 对象去重

  • ES6数组去重

    普通数组去重 方法1 方法2 对象数组去重

  • 数组去重的几种方式

    上篇我们写到了数组中包含多条对象的去重方式数组中包含多条对象的去重方式,今天我们就写一下普通数组去重吧. 数组去重...

  • 数组对象去重的常见操作

    前言: 数组对象去重与数组去重的不同点在于,数组对象需要指定一个属性(key值)再进行去重。 1.数组对象的自定义...

网友评论

      本文标题:对象数组去重

      本文链接:https://www.haomeiwen.com/subject/xcjcwdtx.html