WEB 教程
实践 示例
HTML 参考手册
CSS 参考手册
PHP 参考手册

如何在 HTML5 localStorage 中存储 JavaScript 对象

主题:JavaScript / jQuery上一页|下一页

答案:使用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