如何在javascript中循环数据

Question

我有个像这样的东西

var itemlist= {"50271":2,"50025":1,"90012":3}1

它指示要包含在混合物中的试剂。属性名是试剂的ID，属性值为数量。我想生成HTML来显示混合物的试剂，如下所示

<img src='50271.jpg'> x 2
<img src='50025.jpg'> x 1
<img src='90012.jpg'> x 3

如何循环对象以获得预期的输出？

Answer 1

您可以使用for (prop in obj)语法循环对象的属性，并生成特定的HTML，如下所示：

var itemlist = {"50271":2,"50025":1,"90012":3};
var html = "";
for (var prop in itemList) {
    html += "<img src='" + prop + ".jpg'> x " + itemList[prop];
}
// insert the html somewhere now

我猜你可能想在每一行之后要一个<br>。

javascript对象中的数据没有保证的顺序，因此迭代可能以任何顺序结束。如果要按特定顺序收集集合，则必须使用数组，或者可以先收集对象的所有键，然后在使用它们之前对键进行排序。

Answer 2

您将需要像这样循环遍历对象

for (var key in itemlist) {
  if (itemlist.hasOwnProperty(key)) {
    alert(key + " -> " + itemlist[key]);
  }
}

如下图所示：How do I loop through or enumerate a JavaScript object?