如何根據es6中object的id返回一個唯一對象數組？

Question

    Array(96) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ]
​
0: Object { id: 1, name: "PrimShal01", period: 3, … }
1: Object { id: 61, name: "TertDeep01", period: 1, … }
2: Object { id: 37, name: "SecoDeep01", period: 2, … }
3: Object { id: 49, name: "TertShal01", period: 1, … } ​
4: Object { id: 13, name: "PrimDeep01", period: 3, … }
5: Object { id: 61, name: "TertDeep01", period: 1, … }

當我嘗試以下代碼時，我只得到唯一的 id，但我想要對象：

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

當我嘗試以下代碼時，我得到的結果與以前相同：

const uniques = [new Set(all_filter_ids)]

Answer 1

將它們轉換為由 ID 索引的 Map（一個鍵只能存在一個 object），然后將 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}

Answer 3

維護一set用於跟蹤 id 並使用filter

 const uniq = (arr, track = new Set()) => arr.filter(({ id }) => (track.has(id)? false: track.add(id))); 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 }, ]; console.log(uniq(arr))