如何根据es6中对象的id返回唯一对象的数组？

Question

    Array(96) [ {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, \xe2\x80\xa6 ]\n\xe2\x80\x8b\n0: Object { id: 1, name: "PrimShal01", period: 3, \xe2\x80\xa6 }\n1: Object { id: 61, name: "TertDeep01", period: 1, \xe2\x80\xa6 }\n2: Object { id: 37, name: "SecoDeep01", period: 2, \xe2\x80\xa6 }\n3: Object { id: 49, name: "TertShal01", period: 1, \xe2\x80\xa6 } \xe2\x80\x8b\n4: Object { id: 13, name: "PrimDeep01", period: 3, \xe2\x80\xa6 }\n5: Object { id: 61, name: "TertDeep01", period: 1, \xe2\x80\xa6 }\n

\n

当我尝试以下代码时，我只获得唯一的 id，但我想要对象：

\n

const uniques = [new Set(all_filter_ids.map(pos => pos.id))]\n

\n

当我尝试以下代码时，我得到的结果与以前相同：

\n

const uniques = [new Set(all_filter_ids)]\n

\n

Answer 1

将它们转换为按 ID 索引的 Map（一个键只能存在一个对象），然后将 Map 的值转换回数组。

const map = new Map(all_filter_ids.map(pos => [pos.id, pos]));
const uniques = [...map.values()];

Answer 2

另一种解决方案：

const arr = [{ id: 1, name: "PrimShal01", period: 3},{ id: 61, name: "TertDeep01", period: 1},{ id: 37, name: "SecoDeep01", period: 2},{ id: 49, name: "TertShal01", period: 1},{ id: 13, name: "PrimDeep01", period: 3},{ id: 61, name: "TertDeep01", period: 1}]

const result = Object.values(
    arr.reduce((acc, obj) => ({ ...acc, [obj.id]: obj }), {})
);

console.log(result);

.as-console-wrapper{min-height: 100%!important; top: 0}