javascript - 如何在 JavaScript localStorage 中存储(字典)对象？

Question

我有一本非常简单的字典。

var meta = {'foo':'1','moo':'2'}

我想将它存储在本地存储中并检索它。

 window.localStorage.setItem("meta", meta);
 var meta1 = window.localStorage.getItem("meta");
 alert(meta1['foo']);

以上是行不通的。我该怎么做？

Answer 1

localStorage 将其输入转换为字符串，因此您必须将对象转换为 JSON 字符串，然后返回:

window.localStorage.setItem("meta", JSON.stringify(meta));
var meta1 = JSON.parse(window.localStorage.getItem("meta"));
alert(meta1['foo']);

---

您的代码不起作用的原因是因为在 localStorage 中设置对象会将其值设置为 "[object Object]" (object.toString( ) 返回 [object Object]"):

window.localStorage.setItem("objectInput", {some:"object"});
var objectOutput = window.localStorage.getItem("objectInput");
alert(objectOutput);
// This returns "[object Object]"