使用javascript从本地存储对象内的数组中删除项目

Question

我有localStorage['cart']和数组 'products'。 从localStorage.getItem('cart')检索数据看起来像

{"products":
[
    {
    "id":"01",
    "name":"Product Name 01",
    "price":"Product Price 01",
    "image":"Product Imagem 01"
    },
    {
    "id":"02",
    "name":"Product Name 02",
    "price":"Product Price 02",
    "image":"Product Imagem 02"
    },
]}

我需要通过onclick=事件，使用id删除products数组中的特定项目。

编辑

var json = JSON.parse(localStorage["cart"]);
for (i=0; i < x; i++){
          if (json.products.[i].id == id){
            json.splice(i,1);
        }
      }

x 是 json.products 长度。

我怎样才能做到这一点？

Answer 1

这是基本思想。 向您展示如何从 localStorage 解析对象以及如何将其写回。

 (function() { //prime cache var obj = { "products": [{ "id": "01", "name": "Product Name 01", "price": "Product Price 01", "image": "Product Imagem 01" }, { "id": "02", "name": "Product Name 02", "price": "Product Price 02", "image": "Product Imagem 02" }] }; localStorage.setItem("cart", JSON.stringify(obj)); }()); function removeItem(id) { var index = -1; var obj = JSON.parse(localStorage.getItem("cart")) || {}; //fetch cart from storage var items = obj.products || []; //get the products for (var i = 0; i < items.length; i++) { //loop over the collection if (items[i].id === id) { //see if ids match items.splice(i, 1); //remove item from array break; //exit loop } } localStorage.setItem("cart", JSON.stringify(obj)); //set item back into storage } console.log(localStorage.cart); removeItem("01"); console.log(localStorage.cart);