如何在 HTML5 localStorage 和 sessionStorage 中存储和检索 JavaScript 对象？

在 HTML5 localStorage 和 sessionStorage 中存储对象

HTML5 的 localStorage 或 sessionStorage 本身不支持对象。尝试直接存储对象将导致其被序列化为字符串。

要规避此限制，请考虑以下解决方法：

1. 字符串化对象： 在存储对象之前，使用 JSON.stringify 将其转换为 JSON 字符串。
2. 存储字符串： 使用 setItem('key', JSON_string) 将 JSON 字符串分配给 localStorage 或 sessionStorage 中的键。
3. 检索字符串： 获取对象时，获取 JSON使用 getItem('key') 的字符串。
4. 解析字符串：使用 JSON.parse 将检索到的字符串转换回对象。

示例：

const testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Stringify and store
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve and parse
const retrievedObject = JSON.parse(localStorage.getItem('testObject'));

console.log('Retrieved object:', retrievedObject);

此技术允许您在 localStorage 和 sessionStorage 中存储和检索 JavaScript 对象，尽管它们固有的基于字符串的存储性质。

以上是如何在 HTML5 localStorage 和 sessionStorage 中存储和检索 JavaScript 对象？的详细内容。更多信息请关注PHP中文网其他相关文章！