带名字的 JavaScript 字典

Question

我想在 JavaScript 中创建一个字典，如下所示:

myMappings = [
    { "Name": 10%},
    { "Phone": 10%},
    { "Address": 50%},
    { "Zip": 10%},
    { "Comments": 20%}
]

我想稍后填充一个 HTML 表格，并将表格的标题设置为 myMappings 的第一列，将列宽设置为第二列。有干净的方法吗？

Answer 1

另一种方法是拥有一个对象数组，每个单独的对象保存一列的属性。这稍微改变了“myMappings”的结构，但使其易于使用:

var myMappings = [
    { title: "Name", width: "10%" },
    { title: "Phone", width: "10%" },
    { title: "Address", width: "50%" },
    { title: "Zip", width: "10%" },
    { title: "Comments", width: "20%" }
];

然后您可以使用 for 循环轻松地遍历所有“列”:

for (var i = 0; i < myMappings.length; i += 1) {
    // myMappings[i].title ...
    // myMappings[i].width ...
}