comment faire pour ajouter des valeurs à un tableau d'objets dynamiquement en javascript?

c'est un tableau d'objets,

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

comment puis-je ajouter des valeurs à ces dynamiquement? j'ai essayé le code ci-dessous mais sans succès

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];    }

quelqu'un s'il vous plaît..
merci d'avance

Vous savez qu'il y a 3x laboratoire et 4x val?
oui, je sais, c'est uniquement ici par erreur.. merci de m'informer

OriginalL'auteur Mujtaba Haider | 2011-10-22

  1. 33

    Vous devez instancier l'objet premier. La façon la plus simple est:

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

    Ou d'une autre, moins de manière concise, mais plus près de votre code d'origine:

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

    array() ne va pas créer un nouveau tableau (sauf si vous avez défini cette fonction). Soit Array() ou new Array() ou tout simplement [].

    Je vous recommande de lire le MDN JavaScript Guide.

    OriginalL'auteur Felix Kling