javascript - 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

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

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

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