sessionStorage.setItem 数组
时间: 2024-09-09 22:03:54 浏览: 40
JS localStorage存储对象,sessionStorage存储数组对象操作示例
`sessionStorage` 是浏览器的一种内建机制,用于在用户的会话期间(即打开浏览器窗口期间)存储数据。当你尝试通过 `setItem` 方法存储一个数组时,需要注意的是,`setItem` 接收两个参数:键(key)和值(value),其中值可以是任意JavaScript可序列化的对象,包括数组。
然而,`sessionStorage` 并不能直接存储复杂的数据结构,如未包装的数组,它通常用于存储简单的字符串或JSON对象。如果你试图存储一个数组,JavaScript会自动将其转换为字符串。所以,当存储数组时,实际会被转化为 `[object Array]` 的字符串形式。
下面是一个示例演示如何设置和获取一个数组到`sessionStorage`:
```javascript
// 创建一个数组
const userArray = ["name", "age", "email"];
// 设置到 sessionStorage
sessionStorage.setItem('userArray', JSON.stringify(userArray)); // 注意这里使用了JSON.stringify()来序列化数组
// 获取并解析回数组
let retrievedArray = JSON.parse(sessionStorage.getItem('userArray'));
console.log(retrievedArray); // 输出:["name", "age", "email"]
```
但是请注意,如果尝试直接读取未序列化的数组,结果将是`"[object Object]"`,因为数组已被转换为了字符串。
阅读全文