javascript - 如何在本地存储中更新我的数组中的数量

Question

我正在创建一个购物车，如果我添加到购物车，数量应该添加到之前的数量。在我的情况下，它只设置一个数量而不是添加。

这是我尝试过的代码：

var addNewItem = function (name, quantity, price) {

   // retrieve it (Or create a blank array if there isn't any info saved yet),
   var items = JSON.parse(localStorage.getItem('itemsInCart')) || [];


  // add to it,
   items.push({name: name, quantity: quantity, price: price});

   //supposed to add to quantity
   for (var item of items){
      if(item.name === name){
        quantity += item.quantity ;
        console.log('true');     
      }
   }

   // then put it back.
   localStorage.setItem('itemsInCart', JSON.stringify(items));
   console.log(items);
}

标签： javascriptarraysjsonlocal-storagepush

Answer 1

只需要对添加逻辑稍作修改。

在推送它之前，您需要检查它是否已经存在于itemsInCart数组中。

var addNewItem = function(name, quantity, price) {

  // retrieve it (Or create a blank array if there isn't any info saved yet),
  var items = JSON.parse(localStorage.getItem('itemsInCart')) || [];


  // add to it, only if it's empty
  var item = items.find(item => item.name === name);

  if (item) {
    item.quantity += quantity;
  } else {
    items.push({
      name,
      quantity,
      price
    })
  }

  // then put it back.
  localStorage.setItem('itemsInCart', JSON.stringify(items));
  console.log(items);
}