jak dynamicznie dodawać wartości do tablicy obiektów w javascript?

Question

jest tablicą obiektów,

var data = [{"label" : "1", "value" : 12}, 
{"label" : "1", "value" : 12 }, 
{"label" : "1", "value" : 12}, 
{"label" : "1", "value" : 12}]; 

jak mogę dodać do tych wartości dynamicznie? Próbowałem poniższy kod, ale bez powodzenia

var lab=["1","2","3", "4"]; 
var val= [42,55,51,22]; 
var data =new Array(); 
    for(var i=0; i<4; i++) { 
     data[i].label= lab[i]; 
     data[i].value=val[i]; } 

ktoś proszę .. góry dzięki

Answer 1

Musisz instancję obiektu jako pierwszy. Najprostszym sposobem jest:

var lab =["1","2","3"]; 
var val = [42,55,51,22]; 
var data = []; 
for(var i=0; i<4; i++) { 
    data.push({label: lab[i], value: val[i]}); 
} 

Albo inny, mniej zwięzły sposób, ale bliżej do oryginalnego kodu:

for(var i=0; i<4; i++) { 
    data[i] = {};    // creates a new object 
    data[i].label = lab[i]; 
    data[i].value = val[i];  
} 

array() nie stworzy nową tablicę (o ile nie określono tę funkcję). Albo Array() lub new Array() lub tylko [].

Polecam przeczytać MDN JavaScript Guide.