如何在localStorage中更新數組obj如果item已經存在

想知道如何在localStorage中更新數組obj時，我的localStorage在刷新後創建一個新數組，而不是更新或添加新的obj。如何在localStorage中更新數組obj如果item已經存在

localStorage的OBJ -

cart - [{"Product":"Coke","Price":"1.99","Quantity":"1x "}]

addToCart函數，其中我添加我推對象array[]

var itemStorage = []; 
for (var key in drinkCounter) { 
... 

     var cartObj = { Product: key, Price: drinkCounter[key].price, Quantity: drinkCounter[key].count + 'x ' } 
     itemStorage.push(cartObj); 
     localStorage.setItem('cart', JSON.stringify(itemStorage)); 
... 

    }

這裏有一個JSfiddle，所以一旦你加入一個項目，並刷新頁面並添加相同或新的項目它重新創建localStorage，我怎麼可以更新它，而不是每次刷新頁面時重新創建一個新的項目？

編輯 - 如果添加相同的項目，應該更新{Quantity:}

按照下面的答案，我想更新現有項目的項目數量卻沒有奏效。任何建議？

cartItems.forEach(function (item, i) { 
      if (item.Product == key) { 
       item.Quantity = drinkCounter[key].count; 
       // item.Quantity += 1; // or no avail 
       index = i; 
      } 
     });

固定localStorage的數量計算

if (index !== -1) { 
    cartItems[index].Quantity = parseInt(cartItems[index].Quantity) + 1 + 'x'; 
} else { 
    var cartObj = { Product: key, Price: drinkCounter[key].price, Quantity: drinkCounter[key].count + 'x ' } 
    cartItems.push(cartObj); 
}

**編輯 - ** 約總價快速的問題，能有人指出爲什麼當我添加一個項目totalPrice是0當它應該是物品價格

來源

2017-02-16 MrNew

'sessionStorage'將在頁面重新加載後被刪除！我認爲yu意味着使用'localStorage'！ –

對不起，我在我的代碼中改變了它，忘記在這裏改變它。但是它應該是'localStorage'。但是問題也存在，使用'localStorage' – MrNew

您無法避免使localStorage數據字符串化。

var data = JSON.parse(localStorage.getItem('cart')); 
for (var key in drinkCounter) { 
...  

    // search for a product with current key 
    var index = -1; 
    data.forEach(function(item, i){ 
     if(item.Product === key) { 
      index = i; 
     } 
    }); 

    if (index !== -1) { 
     // data[index] = cartObj; 
     data[index].Quantity = parseInt(data[index].Quantity.split(x)[0]) + drinkCounter[key].count + 'x '; 
    } else { 
     var cartObj = { Product: key, Price: drinkCounter[key].price, Quantity: drinkCounter[key].count + 'x ' }; 
     data.push(cartObj); 
    } 
... 
} 

localStorage.setItem('cart', JSON.stringify(data));

來源

2017-02-16 21:56:21

但是如何更新頁面刷新後添加的相同項目的數量？ – MrNew

嘗試在'if（）'條件中添加'item.Quantity = drinkCounter [key] .count;'，但這並不起作用 – MrNew

'var data = JSON.parse（localStorage.getItem（'cart'））|| [];'如果'cart'尚未設置！ –

如何在localStorage中更新數組obj如果item已經存在

回答

相關問題