Javascript add values to object dynamically

Question

Let's supose i have something like this:

$scope.playersData =   [{
    "label": obj.data[0].player,
    "color": colors[0],
    "data": obj.data[0].value
}, {
    "label": obj.data[1].player,
    "color": colors[1],
    "data": obj.data[1].value
}];

This works if i have always only 2 items in obj.data.

Now, if i want to add values dynamically in a For Loop, how do i do it?

I tried something like this, not working:

var temparray = [];
for (var i = 0; i < data.length; i++) { 
    temparray[i] = {"label": obj.data[i].player,"color": colors[i],"data": obj.data[i].value};
}

Answer 1

Can you try this?

var temparray = [];
for (var i = 0; i < data.length; i++) { 
    var item = {"label": obj.data[i].player,"color": colors[i],"data": obj.data[i].value};
    temparray.push(item);  //. <---added
}

Answer 2

There is one mistake: replace from data.length to obj.data.length .

Also, you can use push for adding element to array.

var temparray = [];
for (var i = 0; i < obj.data.length; i++) { 
    temparray.push({"label": obj.data[i].player,"color": colors[i],"data": obj.data[i].value});
}