¿Cómo puedo iterar a través de este objeto JSON en jQuery?

Question

Tengo un objeto JSON generado por PHP. Es un objeto con un conjunto de fechas. Tiene timeStamp y luego una versión formateada de la fecha. ¿Cómo podría iterar a través de esto en jQuery?

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

He intentado:

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

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

y

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

Answer 1

Puesto que usted ha insertado en cuestión como un jquery uno, usted debe utilizar $.each porque es función de iterador de jQuery:

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

Si usted quiere meter a la sintaxis for in (que veo que has intentado), una solución podría ser:

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

Pero ten cuidado que la sintaxis for in puede hacer más de lo que cree que hace: Repite las propiedades heredadas del prototipo también, por lo que podría ser útil para asegurarse de que usted repite sólo en las propiedades de la instancia de objeto:

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

actualización
Otra manera elegante es utilizar el método Object.keys que devuelve una matriz que contiene todas las claves en el objeto de destino para iterar sobre todas las propiedades del objeto:

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

Answer 2

jQuery.each() es probablemente la forma más fácil, mira esto: http://api.jquery.com/jQuery.each/

por ejemplo,

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

Answer 3

Utiliza $.each().
Parece que este:

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

Answer 4

simplemente puede iterar excelentes referencias uf la estructura JSON usando jQuery each:

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