localStorage传对象
时间: 2024-07-31 09:01:08 浏览: 42
利用localStorage创建空间数据库
`localStorage` 是浏览器提供的一种本地存储机制,用于持久化数据,通常适用于无需服务器交互的小量用户数据,例如用户的设置、偏好等。当你需要将对象存储到 `localStorage` 中时,你需要先将其转换为字符串,因为 `localStorage` 只能储存 JSON 格式的数据。
以下是将 JavaScript 对象序列化并存储到 `localStorage` 的步骤:
```javascript
let obj = { name: 'John', age: 30, city: 'New York' };
// 序列化对象为 JSON 字符串
let jsonString = JSON.stringify(obj);
// 存储到 localStorage
localStorage.setItem('user', jsonString);
```
提取时,再从 `localStorage` 中读取字符串,并通过 `JSON.parse()` 进行反序列化恢复成对象:
```javascript
let storedJson = localStorage.getItem('user');
let restoredObj = JSON.parse(storedJson);
console.log(restoredObj); // 输出:{ name: 'John', age: 30, city: 'New York' }
```
阅读全文