Home/ Questions/Q 3482
Answered
Charlis
Asked: 2022-08-25T08:18:59+00:00

How to create multiple objects from array’s value in javascript?

I have an array like this :

const data = [{
color:"red",
to:1,
from:2,
opacity:12

}]

I want something like this :

const converted = [{from:2},{to:1},{opacity:12}]

what i am trying is

const mappeData = data.map(({from,to,opacity})=>({from:from},{to:to},{opacity:opacity}))

but this is not working

javascriptreactjs
Share

1 Answer

  1. Best Answer

    So you can loop through the array and for each object we can get the keys of the objects in the array and use a map to transform them to our desired output, Then the output will return an array, but we can use flatMap which will flatten the arrays returned into a single array of objects!

    Thanks pilchard for teaching about flatMap!

     

    const data = [{
color:"red",
to:1,
from:2,
opacity:12

}]

const arr = data.flatMap(x => Object.keys(x).map(data => ({[data]: x[data]})))

console.log(arr);
    • 0

Leave an answer

You must login to add an answer.

Need An Account,