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