檢索本地存儲時如何獲取鍵值

Question

我正在使用HTML5和本地存儲來設置/檢索鍵/值對。

設置值：

localStorage.setItem("003o000000BTRXz", "MyValue");

然后我利用一個函數來遍歷所有存儲的項目

for(var i = 0; i < localStorage.length; i++) {
  var obj = localStorage.getItem(localStorage.key(i));
  alert(obj);
}

結果是“ MyValue”，我希望它是“ 003o000000BTRXz”。

什么是正確的語法來做到這一點？

Answer 1

使用localStorage.key(i)獲取密鑰：

for (var i = 0; i < localStorage.length; i++) {
    var key   = localStorage.key(i);
    var value = localStorage.getItem(key);

    alert(key + ": " + value);
}

Answer 2

所有瀏覽器，尤其是舊的瀏覽器有時可能不支持HTML5中包含的localstorage api。 因此，建議先檢查您的瀏覽器是否支持它，

if(typeof(Storage) !== "undefined") {
// Have fun with localstorage! :)
} else {
// alert something saying doesn't support
}

像這樣使用localstorage api，

// Store
localStorage.setItem("key", "Value");
// Retrieve
localStorage.getItem("key");