Javascript，过滤对象数组并返回所有唯一对象

Question

我有一个对象数组，其中包含对象属性：

let allPersons = [
    { id: "abcdefg",
      name: "tom",
      ...
      phone: {
         brand: "blah"
         id: "hijklm"
         ...
     }
   },
   { id: ....}, {...}, {...}
];

我需要做的是过滤这些对象并返回所有电话，按 id 过滤它们，以便返回的所有电话都是唯一的。

我首先尝试检索所有手机：

// allPersons is the full array mentioned above
let phones = [...new Set(allPersons.map(person => person.phone))];

然后我尝试归还所有独特的手机，但没有成功：

let result = phones.map(phone => phone.id).filter((value, index, self) => self.indexOf(value) === index)

这仅返回手机的唯一 ID，但我想要整个对象。我能做什么？

更新： 电话 ID 不是唯一的，例如nokia3310 的 id 为 1，nokia3330 的 id 为 2，依此类推：所以 tom 和 john 可以拥有相同的电话，电话 id 可以重复！

Answer 1

创建一个由 ID 索引的对象，然后获取对象的值：

const phonesById = Object.fromEntries(
  allPersons.map(
    ({ phone }) => [phone.id, phone]
  )
);
const uniquePhones = Object.values(phonesById);

Answer 2

如果您尝试在数组的每个对象中获取电话对象，那么下面的代码将为您完成。

它获取电话对象并将其存储在一个

var objArr = [
    {id: "abcdefg", name: "tom", phone: {brand: "blah", id: "hijklm"}},
    {id: "guidiuqwbd", name: "john", phone: {brand: "hihihih", id: "ayfva"}},
    {id: "yuygeve", name: "doe", phone: {brand: "hahahah", id: "cqcqw"}}
]

var allPhoneObjects = [];
objArr.forEach(function(currObj){
    var phoneObj = currObj.phone;
    allPhoneObjects.push(phoneObj);
});
console.log(allPhoneObjects);

Answer 3

我建议你以下解决方案

let uniques = new Set();
const phones = allPersons.filter(({phone}) => (
  uniques.has(phone.id) ? false : !!uniques.add(phone.id)
)).map(p => p.phone)

基本上，我们定义一个Set 来记录已处理的电话的ids，并在allPersons 数组上定义一个filter 函数，它只返回尚未在集合中的电话。我们使用 map 来完成仅提取所需的 JSON 部分

编辑 您可以使用 reduce 函数在 allPersons 数组上仅使用一个函数

let uniques = new Set();
const phones = allPersons.reduce( (filtered, {phone}) => {
  if (!uniques.has(phone.id)) {
     filtered.push(phone);
     uniques.add(phone.id);
  }
  return filtered
}, [])