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

时间:2015-04-14 15:41:40

标签: javascript local-storage

我正在尝试打印存储在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>");
    }
}

当我调用该函数时,它什么也没做。

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

1 个答案:

答案 0 :(得分:3)

Object.keys返回一个数组,而不是字符串。只需略微修改:

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);