Gán giá trị cho JSON đối tượng trong Javascript

Question

Đây là những gì tôi đang cố gắng xây dựng thông qua JavaScript trong dấu chấm hoặc [] ký hiệu:

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

Bây giờ nếu 'item1' là biến tên itemName.

này hoạt động:
var shoppingCart = {};
shoppingCart[itemName] = itemName;
alert(shoppingCart.item1);

nào trả item1

Nhưng điều này không làm việc:
1 var shoppingCart = {};
2 shoppingCart[itemName]['description'] = 'This is Item #1';

JS chỉ chết ở dòng 2, tại sao? và làm cách nào để gán giá trị mô tả cho 'mô tả'?

tôi sẽ làm điều đó như thế này:

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

... nhưng nó làm cho chính nghĩa itemName thay vì item1.

Answer 1

shoppingCart[itemName] không tồn tại.
Bạn cần phải tạo ra nó đầu tiên:

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

Hoặc, tốt hơn được nêu ra:

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

Answer 2

Nó không làm việc bởi vì, trong ví dụ thứ hai của bạn, bạn đang cố gắng index một đối tượng trống với một khóa chưa được đặt. Sau đây sẽ hoạt động ...

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

Vì bây giờ shoppingCart [itemName] thực sự là một đối tượng.

Answer 3

Trong đối tượng javascript không tự động tạo khi truy cập thành viên; bạn phải tạo các đối tượng đầu tiên:

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

Lưu ý bạn có thể tất nhiên cũng tạo ra toàn bộ đối tượng cùng một lúc với

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

Answer 4

Just FYI, giải pháp thay thế:

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

hoặc chỉ

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