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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
Jquery下attr和removeAttr的使用方法
Dec 28 Javascript
javascript中的对象创建 实例附注释
Feb 08 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
Dec 10 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
JS实现的手机端精简幻灯片效果
Sep 05 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
jQuery Validate 校验多个相同name的方法
May 18 jQuery
echarts学习笔记之图表自适应问题详解
Nov 22 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
js表达式与运算符简单操作示例
Feb 15 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
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
php调用mysql存储过程
2007/02/14 PHP
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
php中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
php输出图像的方法实例分析
2017/02/16 PHP
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
js简易版购物车功能
2017/06/17 Javascript
JS实现简单短信验证码界面
2017/08/07 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
2017/12/28 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
2018/03/28 jQuery
如何使用puppet替换文件中的string
2018/12/06 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
2019/10/21 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python线程详解
2015/06/24 Python
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
Python函数装饰器实现方法详解
2018/12/22 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
python使用Thread的setDaemon启动后台线程教程
2020/04/25 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
css3 盒模型以及box-sizing属性全面了解
2016/09/20 HTML / CSS
电子技术专业中专生的自我评价
2013/12/17 职场文书
入党积极分子批评与自我批评思想汇报
2014/09/14 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
感恩教育观后感
2015/06/17 职场文书
七年级上册生物的课件
2019/08/07 职场文书
Python中with上下文管理协议的作用及用法
2022/03/18 Python
vue的项目如何打包上线
2022/04/13 Vue.js