在localstorage中创建多项JSON对象

Question

我刚开始使用JSON和localStorage。

我正在尝试创建一个小型的客户端“篮子”，在我的localStorage中以productID标题存储cart。

目前，我的cart localStorage项目会被新的productID覆盖，而不是将productID添加为新项目。当然，购物车对象应该能够接受多个物品。

这是我的代码：http://codepen.io/franhaselden/pen/regVgj

我的addToCart函数非常简单，但我没有添加正确的JSON结构。我很困惑JSON结构在这种情况下应该添加多个项但键是相同的（productID）

function addToCart(productID) {
  localStorage.setItem('cart', JSON.stringify(productID));
}

Answer 1

使用数组：

function addToCart(productID) {
  // Get stored array, if it's not set, it should be set to an empty array
  var basket = localStorage.getItem('cart');
  basket = basket ? JSON.parse(basket) : [];

  basket.push(productID);
  localStorage.setItem('cart', JSON.stringify(basket));
}