How to map array into object in JavaScript? For example how to map this
{
name: [1,2,3,4,5,6],
uv: [300,-145,-100,-8,100,9],
pv: [456,230,345,450,312,235]
}
into this
data = [
{name: '1', uv: 300, pv: 456},
{name: '2', uv: -145, pv: 230},
{name: '3', uv: -100, pv: 345},
{name: '4', uv: -8, pv: 450},
{name: '5', uv: 100, pv: 321},
{name: '6', uv: 9, pv: 235}
]
in JavaScript
You can use array#map
var obj = {
name:[1,2,3,4,5,6],
uv:[300,-145,-100,-8,100,9],
pv:[456,230,345,450,312,235]
};
var result = obj.name.map(function(v,i){
return {name: v, uv: obj.uv[i], pv: obj.pv[i]};
});
console.log(result);Somehow like this:
var first = {
name:[1,2,3,4,5,6],
uv:[300,-145,-100,-8,100,9],
pv:[456,230,345,450,312,235]
}
var data = [];
first.name.forEach((item, i) => {
data.push({
name: first.name[i],
uv: first.uv[i],
pv: first.pv[i]
})
})
console.log(data)
You could iterate the keys and then the properties and assign at each index the wanted values.
This works with an arbitrary count of properties without knowing in advance.
var data = { name: [1, 2, 3, 4, 5, 6], uv: [300, -145, -100, -8, 100, 9], pv: [456, 230, 345, 450, 312, 235] },
result = Object
.keys(data)
.reduce((r, k) => (data[k].forEach((v, i) => (r[i] = r[i] || {})[k] = v), r), []);
console.log(result);.as-console-wrapper { max-height: 100% !important; top: 0; }