如何在 HTML5 localStorage 中存储 JavaScript 对象
答案:使用JSON.stringify()
方法
默认情况下,localStorage 或 sessionStorage 只允许您存储字符串键/值对。 但您也可以通过一些小技巧将 JavaScript 对象存储在网络存储中。
要存储对象,首先使用 JSON.stringify()
方法对其进行字符串化,然后在需要检索时使用 JSON.parse()
对其进行解析,如 以下示例:
<script>
var personObject = { name: "Peter", age: 18, married: false };
// 将人员对象转换为 JSON 字符串并将其保存到存储中
localStorage.setItem("personObject", JSON.stringify(personObject));
// 检索 JSON 字符串
var jsonString = localStorage.getItem("personObject");
// 将 JSON 字符串解析回 JS 对象
var retrievedObject = JSON.parse(jsonString);
console.log(retrievedObject);
// 访问单个值
console.log(retrievedObject.name); // Prints: Peter
console.log(retrievedObject.age); // Prints: 18
console.log(retrievedObject.married); // Prints: false
</script>
请参阅有关 HTML5 网络存储 的教程,了解有关本地和会话存储的更多信息。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
Advertisements