如何显示所有localStorage保存的变量?

Ari*_*iel 55 javascript html5 local-storage

我想访问保存在特定页面上的所有localStorage变量.我怎么做?我想展示它就像我将使用join()函数显示一个数组

Gre*_*reg 101

您可以尝试遍历localStorage对象中的所有项:

for (var i = 0; i < localStorage.length; i++){
    // do something with localStorage.getItem(localStorage.key(i));
}
Run Code Online (Sandbox Code Playgroud)

  • 我觉得应该提到你可以用`localStorage.key(i)`获得_i_的关键名称 (6认同)
  • 也许对某人来说它会很有用 - 请注意,在它里面你不能从存储中删除`removeItem`因为那时`localStorage.length`会减少所以`for`会比你想要的更快地逃脱.如果你想从localStorage中删除项目,那么记得在`for`循环之前缓存长度并从结尾循环. (4认同)

小智 26

我经常使用这段代码:

var i;

console.log("local storage");
for (i = 0; i < localStorage.length; i++)   {
    console.log(localStorage.key(i) + "=[" + localStorage.getItem(localStorage.key(i)) + "]");
}

console.log("session storage");
for (i = 0; i < sessionStorage.length; i++) {
    console.log(sessionStorage.key(i) + "=[" + sessionStorage.getItem(sessionStorage.key(i)) + "]");
}
Run Code Online (Sandbox Code Playgroud)


juj*_*ule 12

您还可以在Google Chrome开发人员工具中查看localStorage状态和数据

  • 这个问题并不是真正的答案,但无论如何都要好好知道 (3认同)

Ana*_*sad 8

控制台日志localStorage。非常简单

console.log(localStorage);
Run Code Online (Sandbox Code Playgroud)


zan*_*etu 5

for(var i in localStorage) {
    console.log(i + ' = ' + localStorage[i]);
}
Run Code Online (Sandbox Code Playgroud)