How can I return array from array using map?

Question

Lets say I have an array:

[['name', 'bulb'],['color', ['red', 'green', 'blue']],[price, ['$52']]]

If I use

array.map(([key, value]) => `${key}-${value}`)

it will return me array:

['name-bulb', 'color-red,green,blue', 'price-$52']

however, I want it to return

['name-bulb', 'color-red', 'color-green', 'color-blue', 'price-$52']

how can I do that?

Yury Tarabanko · Accepted Answer · 2022-08-13 09:39:25Z

2

You can use flatMap instead with a nested map

const data = [['name', 'bulb'],['color', ['red', 'green', 'blue']],['price', ['$52']]]

const result = data.flatMap(([name, value]) => 
  (Array.isArray(value) ? value : [value]).map(value => `${name}-${value}`)
)

console.log(result)

answered Aug 13, 2022 at 9:39

Yury Tarabanko

45.1k10 gold badges88 silver badges99 bronze badges

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

Collectives™ on Stack Overflow

How can I return array from array using map?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related