在网页上显示localstorage的存储数组元素

时间:2014-01-05 21:47:02

标签: javascript arrays json html5 local-storage

我能够成功存储localStorage的值并将其显示在console.log()中。因为,值存储在array中,因此我无法在page document.write中显示这些值。我希望存储的值显示在page上。任何人都可以建议一种方法吗?我的代码是:

// List of all entries
console.log(localStorage.getItem("total"));
// Last entry inserted
console.log(localStorage.getItem("intotal"));

document.write(total + "<br>"); // showing in console.log -> "Uncaught ReferenceError: allEntries is not defined "
document.write(intotal + "<br>"); // showing [object Object]

我不想将元素显示为:

 for(i=0; i< localStorage.length -1; i++)

因为,我有很多localStorage key/value对,我不想显示所有localStorage。我的意思是,我还将其他值存储在不同的键/对值中,例如:

 localStorage.setItem("Mymarks", (JSON.stringify(marks)); // where marks is JSON object
 localStorage.getItem("Mymarks");

因此,如果我使用for循环,那么Mymarks/marks密钥/对值也会显示在我的page上。

我想要的输出与您在console.log中看到的相同。像:

[{"name":"john","place":"asn"},"text":"abcd"},{"title":{"name":"john","place":"asn"},"text":"abcd"}] 

  {"name":"john","place":"asn"},"text":"abcd"}

1 个答案:

答案 0 :(得分:2)

好吧,我们并不确切地知道你想如何显示它们,但这是一种方式:

修改

document.write("<pre>" + JSON.stringify(existingEntries) + "</pre>");    
document.write("<pre>" + JSON.stringify(entry) + "</pre>");
来自玻利维亚拉巴斯的欢呼声