Javascript 如何在html元素中显示来自本地存储的数组？

显然，这是一个初学者的问题：

如何使用html和javascript在html元素中显示数组数据

我想在段落标记、列表标记或表格标记等中显示用户保存的数组数据

[

上面是一个链接，指向好心提供的localStorage示例，除了如何在html页面而不是console.log中显示数组之外

下面是代码剪报，它演示了我正在尝试做的事情。 函数saveArrayData{ console.Log正在将阵列数据保存到本地存储。； var myArrayObject=[]； var personObject1=新对象； personObject1.name=Array1； personObject1.age=23； myArrayObject.PushPersonObject 1； var personObject2=新对象； personObject2.name=Array2； 个人目标2.年龄=24岁； myArrayObject.PushPersonObject 2； var personObject3=新对象； personObject3.name=Array3； 个人目标3.年龄=25岁； myArrayObject.PushPersonObject 3； localStorage.setItempersons，JSON.stringifymyArrayObject； } 函数恢复数据{ console.Log正在从本地存储还原阵列数据。； var myArrayObject=JSON.parselocalStorage.getItempersons； 对于变量i=0；i

您应该更新代码，如下所示：

function restoreArrayData() {
    var myArrayObject = JSON.parse(localStorage.getItem("persons"));
    $("#displayArrayDataHere").append("<table>");
    myArrayObject.forEach(function(personObject) {
        $("#displayArrayDataHere").append("<tr><td>"+personObject.name+"</td><td>"+personObject.age+"</td></tr>")
    })
    $("#displayArrayDataHere").append("</table>");
}

---

感谢您尝试提供帮助，但这仍然无法在屏幕上显示阵列数据。我一定是做错了什么。我明天再试一次。我已经尝试让这件简单的事情运行了好几天。嗯。