JavaScript bucle a través de json array

Estoy tratando de recorrer la siguiente matriz json:

{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}

Y he intentado lo siguiente

for (var key in data) {
   if (data.hasOwnProperty(key)) {
      console.log(data[key].id);
   }
}

Pero por alguna razón solo estoy obteniendo la primera parte, los valores de id 1.

¿Algunas ideas?

Su JSON debería verse así:

var json = [{
    "id" : "1", 
    "msg"   : "hi",
    "tid" : "2013-05-05 23:35",
    "fromWho": "[email protected]"
},
{
    "id" : "2", 
    "msg"   : "there",
    "tid" : "2013-05-05 23:45",
    "fromWho": "[email protected]"
}];

Puede recorrer la matriz de esta manera:

for(var i = 0; i < json.length; i++) {
    var obj = json[i];

    console.log(obj.id);
}

O así (sugerido por Eric) tenga cuidado con el soporte de IE

json.forEach(function(obj) { console.log(obj.id); });

Hay algunos problemas en su código, primero su json debe verse así:

var json = [{
"id" : "1", 
"msg"   : "hi",
"tid" : "2013-05-05 23:35",
"fromWho": "[email protected]"
},
{
"id" : "2", 
"msg"   : "there",
"tid" : "2013-05-05 23:45",
"fromWho": "[email protected]"
}];

A continuación, puede iterar así:

for (var key in json) {
if (json.hasOwnProperty(key)) {
  alert(json[key].id);
  alert(json[key].msg);
}
}

Y da un resultado perfecto.

Vea el violín aquí: http://jsfiddle.net/zrSmp/

var arr = [
  {
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
  }, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
  }
];

Cada método para una fácil implementación.

arr.forEach(function(item){
  console.log('ID: ' + item.id);
  console.log('MSG: ' + item.msg);
  console.log('TID: ' + item.tid);
  console.log('FROMWHO: ' + item.fromWho);
});

prueba esto

var json = [{
    "id" : "1", 
    "msg"   : "hi",
    "tid" : "2013-05-05 23:35",
    "fromWho": "[email protected]"
},
{
    "id" : "2", 
    "msg"   : "there",
    "tid" : "2013-05-05 23:45",
    "fromWho": "[email protected]"
}];

json.forEach((item) => {
  console.log('ID: ' + item.id);
  console.log('MSG: ' + item.msg);
  console.log('TID: ' + item.tid);
  console.log('FROMWHO: ' + item.fromWho);
});

Como ya comencé a investigarlo:

var data = [{
    "id": "1",
    "msg": "hi",
    "tid": "2013-05-05 23:35",
    "fromWho": "[email protected]"
}, {
    "id": "2",
    "msg": "there",
    "tid": "2013-05-05 23:45",
    "fromWho": "[email protected]"
}]

Y esta funcion

var iterateData =function(data){   for (var key in data) {
       if (data.hasOwnProperty(key)) {
          console.log(data[key].id);
       }
    }};

Puedes llamarlo así

iterateData(data); // write 1 and 2 to the console

Actualización después del comentario de Erics

Como Eric señaló, un for inbucle para una matriz puede tener resultados inesperados . La pregunta referenciada tiene una larga discusión sobre pros y contras.

Prueba con for (var i ...

Pero parece que lo siguiente es bastante seguro:

for(var i = 0; i < array.length; i += 1)

Aunque una prueba en cromo tuvo el siguiente resultado

var ar = [];
ar[0] = "a"; 
ar[1] = "b";
ar[4] = "c";

function forInArray(ar){ 
     for(var i = 0; i < ar.length; i += 1) 
        console.log(ar[i]);
}

// calling the function
// returns a,b, undefined, undefined, c, undefined
forInArray(ar); 

Prueba con .forEach()

Al menos en Chrome 30, esto funciona como se esperaba

var logAr = function(element, index, array) {
    console.log("a[" + index + "] = " + element);
}
ar.forEach(logAr); // returns a[0] = a, a[1] = b, a[4] = c

Enlaces

• ver for inen el mdn
• El nuevo método forEach
• un comentario que dice que la comprensión de la matriz hace que sea for inmenos malo
• La comprensión de matriz se introdujo con JavaScript 1.7 en Firefox 2 (sí 2)

Está funcionando. Acabo de agregar corchetes a los datos JSON. Los datos son:

var data = [
    { 
        "id": "1",
        "msg": "hi", 
        "tid": "2013-05-05 23:35", 
        "fromWho": "[email protected]" 
    }, 
    { 
        "id": "2", 
        "msg": "there", 
        "tid": "2013-05-05 23:45", 
        "fromWho": "[email protected]"
    }
]

Y el bucle es:

for (var key in data) {
   if (data.hasOwnProperty(key)) {
         alert(data[key].id);
   }
} 

Debe ser una matriz si desea iterar sobre ella. Es muy probable que te falte [y ].

var x = [{
    "id": "1",
        "msg": "hi",
        "tid": "2013-05-05 23:35",
        "fromWho": "[email protected]"
}, {
    "id": "2",
        "msg": "there",
        "tid": "2013-05-05 23:45",
        "fromWho": "[email protected]"
}];

var $output = $('#output');
for(var i = 0; i < x.length; i++) {
    console.log(x[i].id);
}

Echa un vistazo a este jsfiddle: http://jsfiddle.net/lpiepiora/kN7yZ/

Un poco tarde pero espero poder ayudar a otros: D

tu json debe verse como algo que Niklas ya dijo. Y luego aquí tienes:

for(var key in currentObject){
        if(currentObject.hasOwnProperty(key)) {
          console.info(key + ': ' + currentObject[key]);
        }
   }

Si tiene una matriz multidimensional, este es su código:

for (var i = 0; i < multiDimensionalArray.length; i++) {
    var currentObject = multiDimensionalArray[i]
    for(var key in currentObject){
            if(currentObject.hasOwnProperty(key)) {
              console.info(key + ': ' + currentObject[key]);
            }
       }
}

Bueno, todo lo que puedo ver allí es que tienes dos objetos JSON, separados por una coma. Si ambos estuvieran dentro de una matriz ( [...]) tendría más sentido.

Y, si ESTÁN dentro de una matriz, simplemente estaría utilizando el tipo de bucle estándar "for var i = 0 ...". Tal como está, creo que intentará recuperar la propiedad "id" de la cadena "1", luego "id" de "hola", y así sucesivamente.

Una solución corta usando mapy una función de flecha

var data = [{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}];
data.map((item, i) => console.log('Index:', i, 'Id:', item.id));

Y para cubrir los casos en que la propiedad "id"no está presente use filter:

var data = [{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}, {
  "msg": "abcde",
  "tid": "2013-06-06 23:46",
  "fromWho": "[email protected]"
}];

data.filter(item=>item.hasOwnProperty('id'))
                .map((item, i) => console.log('Index:', i, 'Id:', item.id));

oh mi ... ¿por qué todos hacen esto tan difícil?

su fragmento de datos debe expandirse un poco, y tiene que ser así para que sea el json adecuado. observe que acabo de incluir el atributo de nombre de matriz "elemento"

{"item":[
{
  "id": "1",
  "msg": "hi",
  "tid": "2013-05-05 23:35",
  "fromWho": "[email protected]"
}, {
  "id": "2",
  "msg": "there",
  "tid": "2013-05-05 23:45",
  "fromWho": "[email protected]"
}]}

tu script java es simplemente

var objCount = json.item.length;
for ( var x=0; x < objCount ; xx++ ) {
    var curitem = json.item[x];
}