如何在 jQuery 中遍历这个 JSON 对象？

Question

我有一个由 PHP 生成的 JSON 对象。它是一个带有一组日期的对象。它有时间戳，然后是日期的格式化版本。我将如何在 jQuery 中遍历它？

{
  "dates":[
    {
      "timeStamp": 1317596400,
      "formattedDate": "Mon 03 October 2011"
    },
    {
      "timeStamp": 1317682800,
      "formattedDate": "Tue 04 October 2011"
    },
    {
      "timeStamp": 1317855600,
      "formattedDate": "Thu 06 October 2011"
    }
  ]
}

我试过了：

for (var i in data) { 
  alert(data.dates[i].timeStamp); 
};

for (var i in data) { 
  alert(data[i].dates.timeStamp); 
};

和

for (var i in data) { 
  alert(data.dates.timeStamp[i]); 
};

Answer 1

由于您将问题标记为jquery，因此您应该使用$.each，因为它是jquery 的迭代器函数：

$.each(data.dates, function(index, element) {
    alert(element.timeStamp); 
});

如果你想坚持for in 语法（我看到你已经尝试过），一个解决方案可能是：

for(var key in data.dates) {
     alert(data.dates[key].timeStamp); 
} 

但请注意，for in 语法的作用可能比您想象的要多：它也迭代从原型继承的属性，因此确保仅迭代对象实例属性可能很有用：

for(var key in data.dates) {
    // if it's not something from the prototype
    if(data.dates.hasOwnProperty(key)) {
        alert(data.dates[key].timeStamp); 
    }
} 

更新
另一种优雅的方法是使用Object.keys 方法，该方法返回一个包含目标对象中所有键的数组来迭代所有对象的属性：

for(var i=0, keys=Object.keys(data.dates), l=keys.length; i<l; i++) {
    alert(data.dates[i].timeStamp);
} 

Answer 2

您可以使用jQuery each 简单地遍历 json 结构：

$.each(data, function(index, element) {
   alert(element.dates.timeStamp); 
});

Answer 3

你使用$.each()。
它看起来像这样：

$.each(data, function(n, elem) {
    // here you process your data to data loaded to lines               
});

Answer 4

jQuery.each() 可能是最简单的方法，看看这个：http://api.jquery.com/jQuery.each/

例如

$.each(dates, function(index, date) { alert(date.timeStamp); });