有时候,我们需要将数据存储到sessionStorage和localStorage中,这样做的好处有:
1 缓存数据
2 减少对内存的占用
但是,storage只能存储字符串的数据,对于JS中常用的数组或对象却不能直接存储。
var obj = { name:'Jim' };
sessionStorage.obj = obj;
localStorage.obj = obj;
var arr = [1,2,3];
sessionStorage.obj = arr;
localStorage.obj = arr;
上面的写法都是不能成功的!但我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串,再存储到storage中就可以了。请看下面的代码。
var obj = { name:'Jim' };
var str = JSON.stringify(obj);
//存入
sessionStorage.obj = str;
//读取
str = sessionStorage.obj;
//重新转换为对象
obj = JSON.parse(str);

本文详细介绍了如何在HTML5的sessionStorage和localStorage中存储数组与对象,通过JSON.stringify和JSON.parse进行数据转换。讨论了web storage与cookie的区别,浏览器的支持情况,以及localStorage和sessionStorage的常用操作方法,如setItem、getItem、removeItem等。此外,还提到了storage事件的使用,以及如何利用key和length属性进行数据遍历。
最低0.47元/天 解锁文章
2258

被折叠的 条评论
为什么被折叠?



