How to get distinct objects from an array of objects with Typescript

Question

Similar question but with javascript here. Accepted answer

const data = [
  { group: 'A', name: 'SD' }, 
  { group: 'B', name: 'FI' }, 
  { group: 'A', name: 'MM' },
  { group: 'B', name: 'CO'}
];
const unique = [...new Set(data.map(item => item.group))]; // [ 'A', 'B']

However if you try the same thing with typescript you get an error ts2802 Type 'Set' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher

How can you achieve the same results with typescript?

Question two How about you want to get unique objects rather than strings . For eample if you want to get

[
  { group: 'A', name: 'SD' }, 
  { group: 'B', name: 'FI' },
]

Does this answer your question? Using spread syntax and new Set() with typescript — pilchard
– pilchard, Commented Oct 28, 2022 at 9:51
see How to remove all duplicates from an array of objects? if you're looking to remove duplicate objects, not just values. (you'll need to read through all the top-voted answers to find the answer that works best for your use case, but I would look at stackoverflow.com/a/56768137/13762301). — pilchard
– pilchard, Commented Oct 28, 2022 at 10:14
Also, don't add a second question to an already answered question. (you do realize that TypeScript is just a superset of javascript? The above linked answer needs just superficial typing to be valid in TypeScript) — pilchard
– pilchard, Commented Oct 28, 2022 at 10:18

Ali Zgheib · Accepted Answer · 2022-10-28 09:51:50Z

5

This should solve your issue:

const array = Array.from(new Set(data.map(item => item.group)));

Note: Spreading a Set has issues when compiled with TypeScript. It's safer to use Array.from above instead.

edited Oct 28, 2022 at 9:51

answered Oct 28, 2022 at 9:39

Ali Zgheib

1682 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

vitaly-t · Accepted Answer · 2022-10-28 11:54:09Z

0

Just use compilation target in your tsconfig.json as ES6 or higher:

"compilerOptions": {
  "target": "ES6"
}

Your current target must be ancient, hence the error.

Other than that, your original code is perfectly correct.

answered Oct 28, 2022 at 11:54

vitaly-t

26.1k17 gold badges129 silver badges151 bronze badges

Collectives™ on Stack Overflow

How to get distinct objects from an array of objects with Typescript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related