sessionstorage存取数组对象
时间: 2023-08-10 18:38:44 浏览: 143
你可以使用JSON.stringify将数组对象转换为字符串,然后使用sessionStorage.setItem方法将其存储在会话存储中。例如:
```
var myArray = [{name: "John", age: 30}, {name: "Mary", age: 25}];
var myArrayString = JSON.stringify(myArray);
sessionStorage.setItem("myArray", myArrayString);
```
要检索存储的数组对象,可以使用sessionStorage.getItem方法获取字符串,然后使用JSON.parse将其转换回数组对象。例如:
```
var myArrayString = sessionStorage.getItem("myArray");
var myArray = JSON.parse(myArrayString);
console.log(myArray[0]); // {name: "John", age: 30}
console.log(myArray[1]); // {name: "Mary", age: 25}
```
相关问题
sessionStorage怎么存取map
要在Session Storage中存取Map对象,您需要将Map对象转换为JSON格式,然后将其存储在Session Storage中。以下是一个示例:
存储Map对象到Session Storage:
```javascript
// 创建一个Map对象
const myMap = new Map();
myMap.set('key1', 'value1');
myMap.set('key2', 'value2');
// 将Map对象转换为JSON字符串
const mapJsonString = JSON.stringify([...myMap]);
// 将JSON字符串存储在Session Storage中
sessionStorage.setItem('myMap', mapJsonString);
```
在Session Storage中检索Map对象:
```javascript
// 从Session Storage中检索JSON字符串
const mapJsonString = sessionStorage.getItem('myMap');
// 将JSON字符串转换为数组
const mapArray = JSON.parse(mapJsonString);
// 创建一个新的Map对象
const myMap = new Map(mapArray);
```
在此示例中,我们使用`JSON.stringify()`将Map对象转换为JSON字符串,并使用`JSON.parse()`将JSON字符串转换为数组。然后,我们使用该数组创建了一个新的Map对象。
请注意,在将Map对象转换为数组时,我们使用了展开运算符(spread operator)`[...myMap]`,以便将Map对象转换为键值对数组。展开运算符可以将可迭代对象(如Map、Set、数组等)展开为一个新的数组。
循环向sessionStorage中存取内容
循环向sessionStorage中存取内容的方法如下:
1. 首先,创建一个包含要存储的数据的数组或对象。
2. 使用循环遍历数组或对象中的每个元素。
3. 在循环中,使用sessionStorage.setItem()方法将每个元素存储到sessionStorage中。
4. 最后,循环结束后,您可以使用sessionStorage.getItem()方法获取存储在sessionStorage中的值进行验证。
以下是一个示例代码,演示了如何循环向sessionStorage中存储内容:
```javascript
var data = [
{ key: '1', value: 'Value 1' },
{ key: '2', value: 'Value 2' },
{ key: '3', value: 'Value 3' }
];
for (var i = 0; i < data.length; i++) {
var item = data[i];
sessionStorage.setItem(item.key, item.value);
}
// 验证存储结果
for (var i = 0; i < data.length; i++) {
var item = data[i];
console.log(sessionStorage.getItem(item.key));
}
```
在这个例子中,我们创建了一个包含三个键值对的数组,并使用循环将每个键值对存储到sessionStorage中。然后我们再次使用循环来验证存储结果,通过使用sessionStorage.getItem()方法获取每个键对应的值。
阅读全文