localStorage - 将对象追加到对象数组中

Question

我正在尝试将对象本地存储在对象的数组中。

如果我在控制台中尝试以下操作，它会完美运行：

theObject = {}
theObject.theArray = []
arrayObj = {"One":"111"}
theObject.theArray.push(arrayObj)

但是，如果我执行我认为等效的操作，除了将结果存储在 localStorage 中之外，它会失败：

localStorage.localObj = {}
localStorage.localObj.localArray = []
stringArrayObj = JSON.stringify(arrayObj)
localStorage.localObj.localArray.push(stringArrayObj)

我收到以下错误...

localStorage.localObj.localArray.push(stringArrayObj)
TypeError
arguments: Array[2]
message: "—"
stack: "—"
type: "non_object_property_call"
__proto__: Error

知道如何让它工作吗？

干杯

Answer 1

您只能在 localStorage 中存储字符串。您需要对对象进行 JSON 编码，然后将结果字符串存储在 localStorage 中。当您的应用程序启动时，会对您保存在 localStorage 中的值进行 JSON 解码。

localObj = {}
localObj.localArray = []
localObj.localArray.push(arrayObj)

localStorage.localObj = JSON.stringify(localObj);
...
localObj = JSON.parse(localStorage.localObj);

Answer 2

LocalStorage 只能存储键值对，其中键是字符串，值也是字符串。
您可以将整个对象层次结构序列化为 JSON 并将其保存为 localStorage 项。

根据 V8 来源（我假设您使用 Google Chrome，但希望这对于其他 JS 引擎来说没有不同），消息“non_object_property_call”的 TypeError 发生在未定义或 null 值上调用的方法。