javascript - localStorage 数组拆分

Question

我有一个脚本可以将表单数据放入 localStorage。数据保存在数组中。我希望数组中的元素在列表中没有括号并且在彼此下方。有人可以提示我该怎么做吗？

div 中的数组和输出如下所示:

[[{"EMail":"testmail@test.com","Salutaion":"Mr","FirstName":"Test","Name":"Testname"},{"EMail":"testy@test.com","Salutaion":"Mrs","FirstName":"Testy","Name":"TestyFemale"}]]

在 div 中显示数组的脚本:

var output = ''; 

for (var key in localStorage) {
  output = output+(key + ':' +localStorage[key])+'\n';
}
$('#divtoshowarray').html(output);

https://jsfiddle.net/6x490kot/

Answer 1

这是更新后的代码

$(document).ready(function() {  
    var testObject = { 'one': 1, 'two': 2, 'three': 3 };

    localStorage.setItem('testObject', JSON.stringify(testObject));

    var output = ''; 
    var objectFromLS = JSON.parse(localStorage.getItem('testObject'));
    for (var key in objectFromLS) {
        if (objectFromLS.hasOwnProperty(key)) {
      output = output+(key + ':<br>' +objectFromLS[key])+'\n';
        }
    }
    $('#divtoshowarray').html(output);
});

要点

1. 您想迭代存储在 localStorage 中的 testObject 数据。因此，您需要从 localStorage 获取 testObject 并对其进行迭代。请注意，localStorage.getItem 将返回字符串，因此您需要对其进行解析以返回 JSON。

2. 然后您需要迭代对象，绘制键值对。

供引用 - https://jsfiddle.net/6x490kot/1/