Agregar elemento a matrices asociativas

Question

Allexamples agregando elementos nuevos a matrices asociativas van por el camino "fácil" y solo tienen una matriz unidimensional - mi problema de comprensión es tener matrices dentro de matrices (o ¿son objetos en matrices?)

tengo la siguiente matriz:

var test = [ 
      { 
       value: "FirstVal", 
       label: "My Label 1" 
      }, 
      { 
       value: "SecondVal", 
       label: "My Label 2" 
      } 
      ]; 

dos preguntas: ¿Cómo generar esta matriz de matrices asociativas (sí ... objeto) de cero? ¿Cómo agregar un nuevo elemento a una matriz existente?

Gracias por ayudarme a entender javascript.

Answer 1

No estoy exactamente seguro de lo que entendemos por "partir de cero", pero esto funcionaría:

var test = []; // new array 

test.push({ 
       value: "FirstVal", 
       label: "My Label 1" 
      }); // add a new object 

test.push({ 
       value: "SecondVal", 
       label: "My Label 2" 
      }); // add a new object 

aunque la sintaxis informados es una forma perfectamente válida de crearlo "lado a otro m scratch ".

Y agregar un nuevo elemento funcionaría de la misma manera test.push({..something...});.

Answer 2

Esta es una matriz de objetos.

se puede poner más objetos en él llamando test.push({ ... })

Answer 3

Desde el principio, las siguientes líneas crearán una rellenar una matriz con los objetos, utilizando el método Array.prototype.push:

var test = [];   // Create an array 
var obj = {};   // Create an object 
obj.value = "FirstVal"; // Add values, etc. 
test.push(obj); 

Answer 4

var items = [{name:"name1", data:"data1"}, 
      {name:"name2", data:"data2"}, 
      {name:"name3", data:"data3"}, 
      {name:"name4", data:"data4"}, 
      {name:"name5", data:"data5"}] 

var test = []; 

for(var i = 0; i < items.length; i++){ 
    var item = {}; 
    item.label = items[i].name; 
    item.value = items[i].data; 
    test.push(item); 
} 

hace prueba igual a

[{label:"name1", value:"data1"}, 
{label:"name2", value:"data2"}, 
{label:"name3", value:"data3"}, 
{label:"name4", value:"data4"}, 
{label:"name5", value:"data5"}]