javascript - 创建一个对象，然后使用函数来显示对象的内容

Question

我真的没有任何东西可以开始——我是一个初学者，正在努力学习基本的 JavaScript 概念。有什么指导吗？我希望在 Div 中的表格或列表中显示信息

这是我 super 粗糙的开始:
我想我想使用嵌套数组来创建具有属性的对象。然后我创建一个函数，在其中我认为我需要使用appendChild在div中创建表格......并且不知何故我需要在div中显示内容......我很迷失。

<script>
var personalInfo = [
    [Dog],
    [4456],
    [3 - 4456]
];

function object() {
    var node = document.createElement("LI");
    var textnode = document.createTextNode("personalInfo");
    node.appendChild(textnode);
    document.getElementById("theList").appendChild(node);
}
</script>

<div id="theDiv">
<ul id="theList"></ul></div>
</body>
</html>

Answer 1

使用对象映射比数组更好。这样您就可以为每个字段指定一个有意义的名称。

var personalInfo = {
    name: "Dave",
    ext: 3086, 
    desk: "5-5715"
};

您还可以使用以下方法循环访问属性:

for (var key in personalInfo) {
    var val = personalInfo[key];
    // add to document
}

Here's an example.