所以，我想我可以像普通对象一样循环遍历 localStorage，因为它有长度。我怎样才能遍历这个？
localStorage.setItem(1,'Lorem');
localStorage.setItem(2,'Ipsum');
localStorage.setItem(3,'Dolor');
如果我做localStorage.length它返回3这是正确的。所以我假设一个for...in循环会起作用。
我在想这样的事情：
for (x in localStorage){
console.log(localStorage[x]);
}
但无济于事。有任何想法吗？
我的另一个想法是
localStorage.setItem(1,'Lorem|Ipsum|Dolor')
var split_list = localStorage.getItem(1).split('|');
其中for...in确实有效。
您可以使用该key方法。 localStorage.key(index)返回第indexth 个键（顺序是实现定义的，但在您添加或删除键之前是不变的）。
for (var i = 0; i < localStorage.length; i++){
$('body').append(localStorage.getItem(localStorage.key(i)));
}
如果顺序很重要，您可以存储一个 JSON 序列化数组：
localStorage.setItem("words", JSON.stringify(["Lorem", "Ipsum", "Dolor"]));
规范草案声称任何支持结构化克隆的对象都可以是一个值。但这似乎还没有得到支持。
编辑：要加载数组，添加到它，然后存储：
var words = JSON.parse(localStorage.getItem("words"));
words.push("hello");
localStorage.setItem("words", JSON.stringify(words));
最简单的方法是：
Object.keys(localStorage).forEach(function(key){
console.log(localStorage.getItem(key));
});
除了所有其他答案之外，您还可以使用jQuery 库中的$.each函数：
$.each(localStorage, function(key, value){
// key magic
// value magic
});
最后，使用以下命令获取对象：
JSON .parse(localStorage.getItem(localStorage.key(key)));
这在 Chrome 中对我有用：
for(var key in localStorage) {
$('body').append(localStorage.getItem(key));
}
建立在前面的答案的基础上是一个函数，它将在不知道键值的情况下通过键循环遍历本地存储。
function showItemsByKey() {
var typeofKey = null;
for (var key in localStorage) {
typeofKey = (typeof localStorage[key]);
console.log(key, typeofKey);
}
}
如果您检查控制台输出，您将看到代码添加的项目都有一个 typeof 字符串。而内置项目要么是函数 { [native code] }，要么是长度属性的数字。您可以使用 typeofKey 变量仅对字符串进行过滤，以便仅显示您的项目。
请注意，即使您将数字或布尔值存储为值，这也有效，因为它们都存储为字符串。