打印存储在 localStorage html 中的所有密钥名称

Question

我正在尝试打印存储在 localStorage 中的所有密钥的名称，每个密钥单独一行。这是我的代码：

function viewsaved(){
    $('#saved').show();
    var stuffsaved = Object.keys(localStorage);
    var splitit = stuffsaved.split(',');
    for (var i = 0 ; i < splitit.length ; i++ ){
        $('#saved').append(splitit[i]+"<br>");
    }
}

当我调用该函数时，它什么也不做。

你如何正确地做到这一点？

Answer 1

Object.keys returns 数组，不是字符串。稍微修改一下：

var stuffsaved = Object.keys(localStorage);
for (var i = 0 ; i < stuffsaved.length ; i++ ) {
    $('#saved').append(stuffsaved[i]+"<br>");
}

如果您有或期望有很多键，我建议先在临时变量中构建列表以避免频繁 DOM 更新，例如：

var keys = Object.keys(localStorage);
var list = "";

for (var i = 0 ; i < keys.length ; i++ ) {
    list += keys[i] + "<br>";
}

$('#saved').append(list);

打印存储在 localStorage html 中的所有密钥名称

Print all the names of keys stored in localStorage html

javascript

local-storage