获取HTML5 localStorage密钥

Question

我只是想知道如何获得localStorage中的所有键值。

我尝试使用一个简单的JavaScript循环来检索值

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

但只有当关键字是从1开始的渐进式数字时，它才有效。

如何获取所有密钥，以便显示所有可用数据？

Answer 1

在ES2017中，您可以使用：

Object.entries(localStorage)

Answer 2

for (var key in localStorage){
   console.log(key)
}

编辑:这个答案得到了很多人的好评，所以我猜这是一个常见的问题。我觉得我应该感谢那些偶然发现我的答案并认为它是“正确的”的人，因为它被接受来进行更新。事实是，上面的例子并不是真正正确的方法。最好也是最安全的方法是这样做：

for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  console.log( localStorage.getItem( localStorage.key( i ) ) );
}

Answer 3

我喜欢用它来创建一个容易看到的对象，就像这样。

Object.keys(localStorage).reduce(function(obj, str) { 
    obj[str] = localStorage.getItem(str); 
    return obj
}, {});

我对cookie也做了类似的事情。

document.cookie.split(';').reduce(function(obj, str){ 
    var s = str.split('='); 
    obj[s[0].trim()] = s[1];
    return obj;
}, {});