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
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);