使用sessionStorage、localStorage存储数组与对象
来源:互联网 发布:软件生命周期概念 编辑:程序博客网 时间:2024/05/22 00:06
有时候,我们需要将数据存储到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);
localStorage也一样,只是和sessionStorage的存储时间不一样。
需要注意的是,JS中的数组本质上也是对象类型,所以上面的代码对数组也是适用的。
0 0
- 使用sessionStorage、localStorage存储数组与对象
- 使用sessionStorage、localStorage存储数组与对象 运用实例解析
- sessionStorage、localStorage如何存储数组与对象
- sessionstorage与localstorage存储对象
- web存储 localStorage与sessionStorage
- 关于本地缓存localstorage与sessionStorage 数组 (array)字符串(string) 对象(object)的存储技巧和注意事项
- 关于本地缓存localstorage与sessionStorage 数组 (array)字符串(string) 对象(object)的存储技巧和注意事项
- HTML5 Web存储(localStorage与sessionStorage)
- html5本地存储localStorage与sessionStorage详解
- Web存储——sessionStorage与localStorage
- Web存储(localStorage与sessionStorage)
- HTML5 LocalStorage本地存储和sessionStorage使用
- HTML5 LocalStorage本地存储和sessionStorage使用
- html5本地存储-sessionStorage,localStorage的使用
- HTML5本地存储localStorage、sessionStorage的使用
- HTML5 LocalStorage本地存储和sessionStorage使用
- 深入理解sessionStorage对象存储和localStorage对象存储
- h5 sessionStorage localStorage存储
- java泛型之通配符的使用。
- 工作的日子(二)
- IOS第三方库收集
- Js 操控 Cookie(简单实用)
- Unity3d HDR和Bloom效果(高动态范围图像和泛光)
- 使用sessionStorage、localStorage存储数组与对象
- 说说JSON和JSONP,也许你会豁然开朗
- 互联网2.0大事记
- [笔记丶设计模式]3. 简单工厂
- 超时时间已到。超时时间已到,但是尚未从池中获取连接。出现这种情况可能是因为所有池连接均在使用,并且达到了最大池大小。
- Masonry中的mas_equalTo和equalTo
- modelsim 没有波形的一个问题
- 解决6.0以上ScrollView嵌套RecyclerView能同时滑动的问题。
- pycharm 破解