博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Js 操作浏览器本地存储对象:HTML5 localstorage
阅读量:5901 次
发布时间:2019-06-19

本文共 795 字,大约阅读时间需要 2 分钟。

Localstorage原生是只存储字符串的内容,如果想直接存储JSON或者是Array时是不可行。但是我们通过一些技巧来存储这些内容;通常一般性的代码如下:

//json对象var testObject = { "one": 1,"two": 2, "three": 3 };// 存储对象到localstorage中localStorage.setItem('testObject', JSON.stringify(testObject));//从localstorage中获取数据var retrievedObject = localStorage.getItem('testObject');console.log('retrievedObject: ', JSON.parse(retrievedObject));

如果每次这样操作,会很烦,因为你需要不断的重复转换成字符串,解析字符串。为了解决这个问题,我们可以通过扩展prototype原型

var Storage=window.localStorageStorage.__proto__.setObject = function(key, value) {    this.setItem(key, JSON.stringify(value));}Storage.__proto__.getObject = function(key) {    var value = this.getItem(key);    return value && JSON.parse(value);//JSON.parse 不能处理`""`所以需要判断是否为空}

参考资料

Web Storage (Second Edition)

jStorage

转载于:https://my.oschina.net/websec/blog/747482

你可能感兴趣的文章
开发进度——4
查看>>
Netty 4.1.35.Final 发布,经典开源 Java 网络服务框架
查看>>
Eclipse中修改代码格式
查看>>
关于 error: LINK1123: failure during conversion to COFF: file invalid or corrupt 错误的解决方案...
查看>>
Linux 进程中 Stop, Park, Freeze【转】
查看>>
PHP盛宴——经常使用函数集锦
查看>>
安装gulp及相关插件
查看>>
如何在Linux用chmod来修改所有子目录中的文件属性?
查看>>
Hyper-V 2016 系列教程30 机房温度远程监控方案
查看>>
笔记:认识.NET平台
查看>>
cocos2d中CCAnimation的使用(cocos2d 1.0以上版本)
查看>>
SCCM 2016 配置管理系列(Part8)
查看>>
我的友情链接
查看>>
PHP 程序员的技术成长规划
查看>>
python基础教程_学习笔记19:标准库:一些最爱——集合、堆和双端队列
查看>>
js replace,正则截取字符串内容
查看>>
javascript继承方式详解
查看>>
lnmp环境搭建
查看>>
自定义session扫描器精确控制session销毁时间--学习笔记
查看>>
PHP队列的实现
查看>>