从对象数组中获取唯一项目[重复]答案

【问题标题】：Get unique items from array of objects [duplicate]从对象数组中获取唯一项目[重复]
【发布时间】：2020-09-21 20:44:40
【问题描述】：

我有一个数组

friendList = [
              {id: 1, fName: 'Sam', lName: 'Brian', profilePic: 'sam.jpg'},
              {id: 2, fName: 'Dam', lName: 'Nary', profilePic: 'dam.jpg'},
              {id: 3, fName: 'Jam', lName: 'kent', profilePic: 'jam.jpg'},
              {id: 1, fName: 'Sam', lName: 'Brian', profilePic: 'sam.jpg'},
              {id: 3, fName: 'Jam', lName: 'kent', profilePic: 'jam.jpg'}, 
             ]

我怎样才能得到这个朋友列表的唯一数组.. 结果是：

friendList = [
              {id: 1, fName: 'Sam', lName: 'Brian', profilePic: 'sam.jpg'},
              {id: 2, fName: 'Dam', lName: 'Nary', profilePic: 'dam.jpg'},
              {id: 3, fName: 'Jam', lName: 'kent', profilePic: 'jam.jpg'}
             ]

【问题讨论】：

No, they are not.
var uniqueArry = Object.values(friendList.reduce((acc,ele)=>{return {...acc,...{[ele.id]:ele}}},{ }))

标签： javascript node.js arrays object

【解决方案1】：

如果您的friendList 项目应该由唯一的id 属性过滤，您可以利用对象应该具有唯一键的事实。

考虑到这一点，你可以

使用Array.prototype.reduce() 遍历您的源数组并构建一个对象，其中id 作为键，对应的项目对象作为值
将Object.values() 提取到唯一记录数组中

以下是一个概念验证现场演示：

const friendList = [{id:1,fName:'Sam',lName:'Brian',profilePic:'sam.jpg'},{id:2,fName:'Dam',lName:'Nary',profilePic:'dam.jpg'},{id:3,fName:'Jam',lName:'kent',profilePic:'jam.jpg'},{id:1,fName:'Sam',lName:'Brian',profilePic:'sam.jpg'},{id:3,fName:'Jam',lName:'kent',profilePic:'jam.jpg'},],
             
      friendListMap = friendList.reduce((r,item) => 
        (r[item.id] = item, r), {}),
        
      dedupeFriendList = Object.values(friendListMap)
      
console.log(dedupeFriendList)

.as-console-wrapper{min-height:100%;}

【讨论】：