设置localStorage

Question

如何在localStorage中存储多个数据？使用数组似乎行不通。

for(i=0;i<8;i++){
   localStorage.vals[i]= item[i]; //vals[i] does not work
}

Answer 1

使用setItem()和getItem()的localStorage方法。

将Object设置为localStorage。

var data = {};
for (i = 0; i < 8; i++) {
    data[vals[i]] = item[i];
}
localStorage.setItem('myData', JSON.stringify(data));

若要get，请执行以下操作：

var myData = JSON.parse(localStorage.getItem('myData'));

更新

检查data在localStorage中是否已经存在

if (localStorage.getItem('myData')) {
    // Already Exists
}

Answer 2

LocalStorage只能存储字符串数据。

但是，您可以以JSON格式存储数组和对象：

localStorage.vals = JSON.stringify(item);

Answer 3

为了增加这个答案，有许多为HTML5创建的自定义存储可以在GitHub中使用：

1. https://github.com/alekseykulikov/storage
2. https://github.com/aaronagray/omg

为了全面了解localStorage在HTML5中的用法，您可以阅读下面提到的文章：

http://www.smashingmagazine.com/2010/10/local-storage-and-how-to-use-it/