修改localstorage？

Question

我正在使用simplecartjs为在线商店供电。它将数据存储在本地存储中，如下所示：

{"SCI-1":{"quantity":1,"id":"SCI-1","price":20,"name":"Mattamusta -teippi","size":"Tyhjä"},"SCI-3":{"quantity":1,"id":"SCI-3","price":19,"name":"Mohawk .vaimennusmatto 48 x 39cm"},"SCI-5":{"quantity":2,"id":"SCI-5","price":8,"name":"Car Speaker -hajuste","color":"Green Tea"},"SCI-7":{"quantity":1,"id":"SCI-7","price":50,"name":"Asennuspaketti"},"SCI-9":{"quantity":1,"id":"SCI-9","price":30,"name":"Quartz-kalvot","color":"Yellow","size":"50cm x 30cm"},"SCI-11":{"quantity":1,"id":"SCI-11","price":30,"name":"Quartz-kalvot","color":"True Blue","size":"50cm x 30cm"}}

我想在之前添加这一行。

"SCI-12":{"quantity":1,"id":"SCI-12","price":5,"name":"Toimituskulut"}

但是，产品数量取决于用户， SCI-12 必须随着项目数量的增长而增长。

编辑实际上，它不必使用 SCI-1 ，它可以是任何东西，只要它在项目之后。

EDIT2 这就是我正在尝试的......但没有运气。

$("#matkahuolto").click(function(){
    var value_object = '"Toimituskulut":{"quantity":1,"id":"Toimituskulut","price":5,"name":"Toimituskulut"}';
    var json_object = JSON.parse(localStorage.your_json); // convert string to object

    json_object["simpleCart_items"] = value_object; // add value

    localStorage.your_json = JSON.stringify(json_object);  // store it again.

    });

    $("#posti").click(function(){
    var json_object = JSON.parse(localStorage.your_json); // convert string to object

    json_object["simpleCart_items"] = value_object; // add value

    localStorage.your_json = JSON.stringify(json_object);  // store it again.

    });

EDIT3 localstorage的屏幕截图。

Answer 1

您需要了解的第一件事是如何将项目存储在localStorage中，这基本上类似于散列映射/字典，因为项目存储在键值对中。

例如，要存储string localStorage，您可以执行类似

的操作

localStorage["myKey"] = "some value";

要检索相反的值

var myValue = localStorage["myKey"];

接下来要意识到的是，事实上只能在localStorage中存储字符串，因此如果要存储对象，首先需要将其转换为字符串表示形式。这通常通过将对象转换为JSON来完成，JSON-js是用于将对象表示为字符串的紧凑符号。要将对象转换为JSON，只需使用JSON.stringify方法，并解析使用JSON.parse方法的项目

例如，将对象转换为JSON

var someObject = {id: 1, name: 'Test'};

var jsonSomeObject = JSON.stringify(someObject); 
// jsonSomeObject looks like "{"id":1,"name":"test"}"

从JSON读取对象

someObject = JSON.parse(jsonSomeObject);

所以现在假设您的对象包含适当的数据，您需要做的只是stringify您的对象，并使用某个键将其添加到localStorage，

var jsonData = JSON.stringify({"SCI-12":{"quantity":1,"id":"SCI-12","price":5,"name":"Toimituskulut"}});

localStorage["aKey"] = jsonData;

当您想稍后访问此数据时（可能是在返回页面后）

var mySCI = JSON.parse(localStorage["aKey"])

如果您尝试更新localStorage中的特定条目，那么您只需将其读入然后覆盖它，例如

var mySCI = JSON.parse(localStorage["aKey"]);
mySCI.SCI-12.quantity = 2;
localStorage["aKey"] = JSON.stringify(mySCI);

请记住，虽然大多数浏览器内置了对JSON的支持，但有些旧版本没有，如果这是一个问题，您可以添加Douglass Crockfords {{3}}脚本来提供支持。

修改

根据您刚刚发布的屏幕截图，您可以看到值存储在localStorage中的键实际上是simpleCart_items（而不是您的代码中使用的your_json），并且存储的对象具有存储在密钥“SCI-1”下的对象（可能还有“SCI”下的其他对象）。所以你需要做的就是以下内容

 $("#matkahuolto").click(function(){
    var value_object = {quantity: 1, id: 1, name: "someName"} ; 
    var jsonObject = JSON.parse(localStorage["simpleCart_items"]);
    json_object["SCI_1"] = value_object; // add value

 localStorage["simpleCart_items"] = JSON.stringify(json_object);  // store it again.

});

$("#posti").click(function(){
 // convert string to object
 var json_object = JSON.parse(localStorage["simpleCart_items"]); 

json_object["SCI-1"] = value_object; // add value

 localStorage["simpleCart_items"] = JSON.stringify(json_object);  // store it again.

});

Answer 2

LocalStorage将所有数据存储为文本字符串。因此，在将其转换为文本字符串之前修改它是最容易的。

否则，您需要将json字符串拉入对象，添加属性，将其转换回字符串并存储。

示例代码

var json_object = JSON.parse(localStorage.your_json); // convert string to object
json_object[key] = value_object; // add value
localStorage.your_json = JSON.stringify(json_object);  // store it again.

注意

这就是indexedDB的用途。
人们可能希望将其视为替代品。

Answer 3

或者你可以让http://rhaboo.org做繁重的工作并写下来：

var store = Rhaboo.persistent("My Cart");
if (store.cart === undefined) 
  store.write('cart', []);
//otherwise it must have data in from before

$("#matkahuolto").click(function(){
  store.cart.push ({
      "quantity":1,  "id":"Toimituskulut",
      "price":5,     "name":"Toimituskulut"  });
});

$("#show").click(function(){ console.log( 
    store.cart.map(function (i) {
      return i.quantity + " " + i.id + "s at " + i.price + " each"
    }).join(' plus '); );  
 });

BTW，我写了rhaboo。