Html5使用localStorage存储对象数据

Html5可使用localStorage存储数据，其方法为

storage.setItem(keyName, keyValue);

其中：

• keyName：键，字符串类型
• keyValue：值，字符串类型

关于setItem，可以参考：Storage.setItem()。

如果需要存储对象数据，那么需要把对象数据使用JSON.stringify转换为字符串。

localStorage.setItem('key', JSON.stringify(objectValue)); //转换为string存储

var item= localStorage.getItem('key');

var objectData = JSON.parse(item); //转换为对象数据

改进一下，可以在Storage原型上setObject和getObject方法：

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);
}