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中。当您的应用程序启动时，JSON解码您在localStorage中保存的值。

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

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

Answer 2

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

根据V8消息来源（我假设您使用谷歌浏览器，但希望这与其他JS引擎没有什么不同）发生了消息'non_object_property_call'的TypeError，而不是在undefined或null值上调用的方法。