Jquery 遍历对象数组答案

【问题标题】：Jquery iterate over an array of ObjectsJquery 遍历对象数组
【发布时间】：2017-03-16 05:42:01
【问题描述】：

你好我想迭代一个对象数组并将它们呈现在一个表中。我对此很陌生，所以我努力迭代每个内部对象。任何帮助表示赞赏。这是我的对象数组：我可以得到整个数组的长度，但不能得到每个对象（最终产品）的长度。我会遍历整个数组，然后对里面的每个对象进行另一个循环吗？如何在数组中获取此对象的长度，我应该使用 for 循环还是 for each 循环？非常感谢。

var output = [finalProduct { DeviceName="gkorosi-lt2",  Product="Photoshop CC",  Status="Active"},
          finalProduct { DeviceName="gkorosi-lt3",  Product="Illustrator CC",  Status="Active"}];

【问题讨论】：

标签： jquery arrays loops

【解决方案1】：

如果你想使用JQuery，你可以使用$.each函数

var output = [{
    finalProduct: {
      DeviceName: "gkorosi-lt2",
      Product: "Photoshop CC",
      Status: "Active"
    }
  },
  {
    finalProduct: {
      DeviceName: "gkorosi-lt3",
      Product: "Illustrator CC",
      Status: "Active"
    }
  }
];

$.each(output, function(key, value) {
  $("body").append("<div>" + value.finalProduct.DeviceName + "</div>");
});

&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;

【讨论】：

【解决方案2】：

谢谢。我必须保留我原来的数据结构并使用这些 For 循环，我设法让它工作。

for (var i = 0; i < output.length; i++){
  $(".trbody").append("<td>"+ output[i].DeviceName.toUpperCase() + "</td>");
    //etc
}

【讨论】：