how to create an array of values from an existing array in Javascript

Question

I have an array which has many objects, I want to make an array of tag values so I can display the non repeated tags in the frontend. This is the array, and from which I want to create the new array which will include all the tag values.

Can you please share with me a solution or maybe a way to solve this ? Thanks

Also see: [Get all unique values in a JavaScript array (remove duplicates)](https://stackoverflow.com/questions/1960473/get-all-unique-values-in-a-javascript-array-remove-duplicates) — Harun Yilmaz, Sep 30 '22 at 13:44

score 2 · Answer 1 · answered Sep 30 '22 at 13:44

2

You can use Array#map to get all the tag property values, and then create a Set from that to get the unique ones.

const tags = [...new Set(yourObj.nodes.map(x => x.tag))];

answered Sep 30 '22 at 13:44

Unmitigated

76,500
11
62
80

It doesnt display the unique ones – Yaakoubi Mohammed Sep 30 '22 at 14:00
@YaakoubiMohammed What is it displaying? What is the input? – Unmitigated Sep 30 '22 at 14:01
` {new Set(allArticles.nodes.map((x : any) => ( {'>'}{x.tag} ) ))}` – Yaakoubi Mohammed Sep 30 '22 at 14:05
it displays all the tags – Yaakoubi Mohammed Sep 30 '22 at 14:05
@YaakoubiMohammed If you want to have the unique array of the components, you need to first get the array with the unique values and then use `.map()` to map it to components `[...new Set(yourObj.nodes.map(x => x.tag))].map((tag) => ( {'>'}{tag} ) )` – Harun Yilmaz Sep 30 '22 at 14:07

how to create an array of values from an existing array in Javascript

1 Answers1