如果对象数组中某个特定属性重复，则以此去重

AAA`

已于 2024-03-22 20:38:34 修改

阅读量112

点赞数

分类专栏： javascript 文章标签：前端 javascript

于 2023-06-01 12:52:14 首次发布

本文链接：https://blog.csdn.net/joeyjanela/article/details/130985908

版权

javascript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

文章展示了如何使用JavaScript的Set数据结构来实现数组中对象的去重，特别是在对象的name属性重复时，仍保留整个对象。提供的代码示例创建了一个deduplication函数，该函数接受一个数组和键名作为参数，通过键值进行去重。

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

下列数组arr，通过name进行去重，即使number也存在重复，但依然保留。

const arr = [
  {name:'jack',number:1},
  {name:'jack',number:2},
  {name:'marry',number:34},
  {name:'tom',number:34}
]

const tempData = new Set()

const newArr = arr.filter((item) => {
  if(tempData.has(item.name)) {
    return false
  } else {
    tempData.add(item.name)
    return true
  }
})

console.log(newArr)
//[
//  { name: 'jack', number: 1 },
//  { name: 'marry', number: 34 },
//  { name: 'tom', number: 34 }
//]

  function deduplication(array: any[], key: string) {
    const uniqueArray = [];
    const setObj = new Set();

    for (let item of array) {
      if (!setObj.has(item[key])) {
        setObj.add(item[key]);
        uniqueArray.push(item);
      }
    }

    return uniqueArray;
  }

const processedArr = deduplication(arr,'id')