如何在javascript中循环数据

How to loop data in javascript

本文关键字：循环 数据 javascript      更新时间：2023-09-26

>我有一个这样的对象

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

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

您可以使用

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>。

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

您需要

像这样遍历对象

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

如下所示：如何遍历或枚举 JavaScript 对象？

相关文章：