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

Question

我能够成功存储 localStorage 的值并将其显示在 console.log() 中。由于这些值存储在 array 中，因此我无法使用 document.write 在我的 page 中显示它们。我希望存储的值显示在 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 键/值 对，我不想显示所有 localStorage。我的意思是，我还将其他值存储在不同的键/对值中，例如:

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

因此，如果我使用 for 循环，那么 Mymarks/marks 键/对值也会显示在我的页面上。

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

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

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

Answer 1

好吧，我们不知道你想如何显示它们，但这是一种方式:

编辑

document.write("<pre>" + JSON.stringify(existingEntries) + "</pre>");    
document.write("<pre>" + JSON.stringify(entry) + "</pre>");

干杯，来自玻利维亚拉巴斯