如何从 localStorage html5 中获取键和值

Question

我在本地存储中添加了一些键值对。现在我想同时获取值和键并将其值附加到 li 中。我现在正在尝试这样做。

for ( var i = 0; i < localStorage.length; ++i ) {
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(localStorage.getItem(localStorage[key]) + "    " + localStorage.getItem(localStorage.key(i))));
    ol.appendChild(li);
}

我想要一个输出键值对，例如：

key1 值1

键2值2

Answer 1

您可以使用for...in 来迭代对象索引。

for (var key in localStorage) {
    var li = document.createElement("li"),
        value = localStorage.getItem(key);

    li.innerHTML = key + " " + value;
    ol.appendChild(li);
}