angular - flatten array of objects of the same type

Question

what's the cleanest way to flatten an array of objects that have this type interface:

Interface {
 Item: Item,
 SubItems: Array<Item>
}

example of an array:

    myArray = [
{Item: {id: "bla1"}, SubItems: [{id: "bla2"}, {id: "bla3"}, {id: "bla4"}]}, 
{Item: {id: "bla5"}, SubItems: [{id: "bla6"}, {id: "bla7"}, {id: "bla8"}]}
]

the end result should be a single array of all these same type objects, and ordered like this:

first object -> Item -> SubItems
second object -> Item -> SubItems

so in my example I should have this:

flattenedArray = [{id: "bla1"}, {id: "bla2"}, {id: "bla3"}, {id: "bla4"}, ...]

read that thread, but the answer I was given here seems much more cleaner and elegant! — AJ-
– AJ-, Commented Oct 2, 2018 at 12:46

Anouar · Accepted Answer · 2018-10-02 12:40:53Z

1

myArray.map(val => [val.Item, ...val.SubItems]).reduce((acc, cur) => [...acc, ...cur])

answered Oct 2, 2018 at 12:40

Anouar

1202 silver badges15 bronze badges

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

2 Comments

AJ- Over a year ago

works perfectly, would you mind explaning me quickly the reduce part? I read what it does but honestly didn't quite get it! thank you anyway for the answer

Guerric P Over a year ago

reduce iterates over your array, and executes a special function that takes an accumulator and returns a new accumulator, that is passed to the next function execution. All you have to do is to copy the previous values with ...acc and add the new ones with ...cur

Collectives™ on Stack Overflow

angular - flatten array of objects of the same type

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related