asignación de valores a JSON objetos en Javascript

Question

Esto es lo que estoy tratando de construir a través de JavaScript en el punto o la notación []:

var shoppingCart = { 
     'item1' : { 
      'description' : 'This is item #1', 
      'price' : 10, 
      'quantity' : 1, 
      'shipping' : 0, 
      'total' : 10 
     } 
    }; 

Ahora bien, si 'elemento1' es el nombre de la variable itemName.

Esto funciona:
var shoppingCart = {};
shoppingCart[itemName] = itemName;
alert(shoppingCart.item1);

que devuelve item1

Pero esto no funciona:
1 var shoppingCart = {};
2 shoppingCart[itemName]['description'] = 'This is Item #1';

JS simplemente muere en la línea 2, ¿por qué? y ¿cómo asigno el valor de la descripción a 'descripción'?

lo haría así:

var shoppingCart = { 
     itemName : { 
      'description' : description, 
      'price' : price, 
      'quantity' : quantity, 
      'shipping' : shipping, 
      'total' : total 
     } 
    }; 

... pero hace que la tecla literalmente itemName en lugar de item1.

Answer 1

shoppingCart[itemName] no existe.
Es necesario crear primero:

var shoppingCart = {}; 
shoppingCart[itemName] = { }; 
shoppingCart[itemName].description = 'This is Item #1'; 

O, mejor aún:

var shoppingCart = {}; 
shoppingCart[itemName] = { description: 'This is Item #1' }; 

Answer 2

No funciona porque, en su segundo ejemplo, que está tratando de índice de un objeto en blanco con una clave que no ha sido establecida. Lo siguiente funcionará ...

var shoppingCart = {}; 
shoppingCart[itemName] = {}; 
shoppingCart[itemName]['description'] = '...'; 

Porque ahora shoppingCart [itemName] es en realidad un objeto.

Answer 3

En javascript, los objetos no se crean automáticamente en el acceso de miembros; usted tiene que crear el objeto en primer lugar:

var shoppingCart = {}; 
shoppingCart["item1"] = {}; // This creates the object 
shoppingCart["item1"]["description"] = "This is item #1"; // add a member 

Nota Puede, por supuesto, también crean la totalidad del objeto a la vez con

shoppingCart[itemname] = { "description": description, 
          "price": price, 
          "quantity": quantity, 
          "shipping": shipping, 
          "total": total }; 

Answer 4

Para su información, solución alternativa:

var itemName = {}; 
itemName.description = 'This is Item #1'; 
var shoppingCart = {}; 
shoppingCart.itemName = itemName; 

o simplemente

var shoppingCart = {}; 
shoppingCart.itemName = { description: 'This is Item #1' };