如何localStorage,sessionStorage保存json对象数据

在JavaScript中，可以使用`localStorage`和`sessionStorage`这两个内置的对象来存储JSON对象数据。它们分别用于持久性和临时性的数据存储。

1. **localStorage**：适用于不需要用户登录就可用的数据，如网站设置等。以下是将JSON对象保存到localStorage的例子：

let data = {
  key1: "value1",
  key2: "value2"
};

// 将JSON字符串化并保存
JSON.stringify(data).then(json => localStorage.setItem("myData", json));

// 从localStorage读取并解析
let retrievedData = JSON.parse(localStorage.getItem("myData"));

2. **sessionStorage**：与localStorage类似，但数据只在会话期间有效，即关闭浏览器窗口后数据会被清除。例子如下：

let sessionStorageData = {
  sessionKey: "sessionValue"
};

// 存储JSON对象
JSON.stringify(sessionStorageData).then(json => sessionStorage.setItem("mySessionData", json));

// 读取数据
let sessionObject = JSON.parse(sessionStorage.getItem("mySessionData"));

记住，`setItem`接受两个参数，第一个是键名，第二个是要存储的值（这里是经过`JSON.stringify()`处理的JSON对象）。读取时则用`getItem`获取键对应的值，然后通过`JSON.parse()`解码回原始JSON对象。