使HTML5 localStorage及sessionStorage支持储存Array OR Object

前言

localstorage和sessionstorage的出现,带来了更好的储存数据方式;

但是标准中localStorage及sessionStorage默认的key-value储存方式只支持字符串保存;

所以就需要找个折中的方式来实现储存数组对象及字面量对象了,这里用到的就是JSON内置的两个方法;
JSON.stringifyJSON.parse

方式

拓展原型上的公共方法

/* * 把传入的对象【值】转为字符串储存进去; * 再通过取回的时候,把字符串序列转回原有的对象 */
Storage.prototype.setObject = function(key, value) {
    this.setItem(key, JSON.stringify(value));
}

Storage.prototype.getObject = function(key) {
    var value = this.getItem(key);
    return value && JSON.parse(value);
}

测试结果

使HTML5 localStorage及sessionStorage支持储存Array OR Object_第1张图片

总结

这个方式是在stackoverflow上找到的;感觉挺有用的就摘录下来了。。。

localstorage和sessionstorage都适用。。

链接地址:
http://stackoverflow.com/questions/2010892/storing-objects-in-html5-localstorage

你可能感兴趣的:(html5,数据,对象,标准,h5储存)