向已存储在 localStorage 中的对象添加属性

Question

我在 localStorage 中有一个对象，类似于：

{"one":"oneone","two":"twotwo"}

你明白了。

由于某种原因，尝试向对象添加更多项目将不起作用。如果我想添加“三”：“三三”，它会忽略这一点，当我更新 Opera Dragonfly 中的存储区域时，它会显示相同的旧对象，未更改...

有人知道如何动态附加到对象吗？或者我是否必须在代码中附加该对象的副本，然后从 localStorage 中清除旧对象，并存储更新后的对象？我可以看到这是唯一的方法，但似乎它可能有点难看......请出主意！ ：D

Answer 1

我认为最安全、最干净的方法是从 localStorage 获取对象，解析它，添加一些数据并将其字符串化以进行存储。

就像你说的，它有点难看，但你可以创建一个函数来做到这一点

function mergeLocalStorage(key, obj){
    var newObj = JSON.parse(localStorage.getItem(key));
    for (var k in obj){
        newObj[k] = obj[k];
    }
    localStorage.setItem(key, JSON.stringify(newObj));
    return newObj;
}