JavaScript中localStorage对象存储方式实例分析


Posted in Javascript onJanuary 12, 2017

本文实例讲述了JavaScript中localStorage对象存储方式。分享给大家供大家参考,具体如下:

[Local storage limitations]文章中提及JavaScript里的local storge的限制,例子中在localStorage里存储了一个bool型的数据,但是却没有像我们期待的一样进行存储。

当我们存储布尔型,数值型,字符串型时,localStorage对象会将我们存储的数据默认转为字符串字面量。

localStorage[0] = false;// "false"
localStorage[1] = 1200;// "1200"
localStorage[2] = "wtf";// "wtf"

以上似乎没有什么,仅仅是布尔型的数据失效了。那么如果我们将存储的数据变为其他类型呢?比如数组,字面量对象,Object等。

var obj=new Object();
obj.name="obj";
obj.type="obj";
localStorage[3] = ["160","170","180"];// "160,170,180"
localStorage[4] = {"id":"0001","name":"lee"};// "[object Object]"
localStorage[5] = obj;// "[object Object]"

这里的Object对象却被转存成了类型字符串。所以存储对象等数据时需要使用 JSON.stringify,JSON.parse 先将其转为字符串,然后再尝试还原数据。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
tbody元素支持嵌套的注意方法
Mar 24 Javascript
js 判断 enter 事件
Feb 12 Javascript
JavaScript 拾漏补遗
Dec 27 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
jquery1.4后 jqDrag 拖动 不可用
Feb 06 Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
JavaScript闭包详解
Feb 02 Javascript
原生javascript实现的一个简单动画效果
Mar 30 Javascript
详解ES6之async+await 同步/异步方案
Sep 19 Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 #Javascript
js中常用的Math方法总结
Jan 12 #Javascript
Vue数据驱动模拟实现4
Jan 12 #Javascript
移动端点击态处理的三种实现方式
Jan 12 #Javascript
js手机号批量滚动抽奖实现代码
Apr 17 #Javascript
js图片轮播手动切换特效
Jan 12 #Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 #Javascript
You might like
PHP最常用的2种设计模式工厂模式和单例模式介绍
2012/08/14 PHP
解决Codeigniter不能上传rar和zip压缩包问题
2014/03/07 PHP
PHP中时间加减函数strtotime用法分析
2017/04/26 PHP
Thinkphp 框架扩展之类库扩展操作详解
2020/04/23 PHP
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
vue2的todolist入门小项目的详细解析
2017/05/11 Javascript
angular2实现统一的http请求头方法
2018/08/13 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
2019/04/25 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
element el-table表格的二次封装实现(附表格高度自适应)
2021/01/19 Javascript
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
Python ljust rjust center输出
2008/09/06 Python
Python用imghdr模块识别图片格式实例解析
2018/01/11 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
WxPython实现无边框界面
2019/11/18 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
业务代表的岗位职责
2013/11/16 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android
python如何将mat文件转为png
2022/07/15 Python