localstorage如何存储集合
时间: 2024-05-11 21:13:47 浏览: 10
LocalStorage只能存储字符串类型的数据,所以需要将集合转换成字符串后再存储。常用的转换方式有以下两种:
1. JSON.stringify()和JSON.parse()方法
可以使用JSON.stringify()方法将集合转换成字符串,再使用JSON.parse()方法将其转换回集合。示例代码如下:
```javascript
// 存储集合
let set = new Set([1, 2, 3]);
localStorage.setItem('set', JSON.stringify(Array.from(set)));
// 获取集合
let setStr = localStorage.getItem('set');
let setArr = JSON.parse(setStr);
let set2 = new Set(setArr);
```
2. 将集合转换成数组
可以使用Array.from()方法将集合转换成数组,然后将数组转换成字符串存储。获取时再将字符串转换成数组,最后使用Set构造函数将数组转换成集合。示例代码如下:
```javascript
// 存储集合
let set = new Set([1, 2, 3]);
localStorage.setItem('set', Array.from(set).toString());
// 获取集合
let setStr = localStorage.getItem('set');
let setArr = setStr.split(',');
let set2 = new Set(setArr);
```