Merge values in array from multidimensional array

Question

I'm a JS beginner and I'm stuck with array/objects items. I get a JSON file with a fetch request and I would like to extract a part of the data.

My data looks like this:

{
"profil": [
 {
  "name": "",
  "id": ,
  "city": "",
  "country": "",
  "tags": ["", "", "", ""],
  "text": "",
  "price":
 },

So it's an object, which contain an array which contain a bunch of objects which contain a "tags" array....

I don't find a way to access tags items (without array index) with forEach loops... My final purpose with this is to collect a single list of tags that exists in my object list.

How can I do this?

Majed Badawi · Accepted Answer · 2021-10-06 08:52:40Z

2

Using Array#flatMap:

const data = {
  "profil": [
    { "tags": ["1", "2", "3", "4"] },
    { "tags": ["5", "6", "7", "8"] }
  ]
};

const tags = data.profil.flatMap(({ tags = [] }) => tags);

console.log(tags);

Edit: if you need the tags to be unique, you can use Set:

console.log([...new Set(tags)]);

edited Oct 6, 2021 at 8:52

answered Oct 6, 2021 at 8:32

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

2 Comments

Ori Drori Over a year ago

Run it through a Set because the tags can have duplicates

Kha0s Over a year ago

Thanks a lot. I added forEach(+if) condition to exclude repetition and all is good.

Collectives™ on Stack Overflow

Merge values in array from multidimensional array

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related