Pętla JavaScript przez tablicę obiektów?

Question

Próbuję pętli następującym:

{ 
    "messages": [{ 
     "msgFrom": "13223821242", 
     "msgBody": "Hi there" 
    }, { 
     "msgFrom": "Bill", 
     "msgBody": "Hello!" 
    }] 
} 

chcę pobrać msgFrom i msgBody

Próbowałem:

 for (var key in data) { 
      var obj = data[key]; 
      for (var prop in obj) { 
       if(obj.hasOwnProperty(prop)){ 
       console.log(prop + " = " + obj[prop]); 
       } 
      } 
     } 

Ale dziennika konsola wydruki [Object]

Wszelkie pomysły, co robię źle?

Answer 1

Wydaje może po prostu brakowało właściwość w data"messages", więc pętla jest prawdopodobne iteracji korzeń Object zamiast Array:

for (var key in data.messages) { 
    var obj = data.messages[key]; 
    // ... 
} 

ile data została ustawiona messages przed danym fragmencie.

Chociaż, należy rozważyć zmianę, że do normalnego for pętli dla Array:

for (var i = 0, l = data.messages.length; i < l; i++) { 
    var obj = data.messages[i]; 
    // ... 
} 

Answer 2

W twoim skrypcie dane to cały twój obiekt.

kluczem jest „Wiadomości”, który jest tablicą trzeba iterację tak:

for (var key in data) { 
     var arr = data[key]; 
     for(var i = 0; i < arr.length; i++) { 
      var obj = arr[ i ]; 
      for (var prop in obj) { 
       if(obj.hasOwnProperty(prop)){ 
        console.log(prop + " = " + obj[prop]); 
       } 
      } 
     } 
    } 

Answer 3

Można użyć metody foreach iteracyjne nad tablicę obiektów.

data.messages.forEach(function(message){ 
    console.log(message) 
}); 

Patrz: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

Answer 4

odwoływać się do zawartości pojedynczej macierzy zawierającego jeden lub więcej obiektów, czyli wszystko, co w nawiasie czegoś takiego {messages: [{ "a": 1 , "b": 2}]}, wystarczy dodać [0] do zapytania, aby uzyskać pierwszy element tablicy

np. komunikaty [0] będą odwoływać się do obiektu {"a": 1, "b": 2} w przeciwieństwie do tylko wiadomości, które odwołują się do całej tablicy [{"a": 1, "b": 2 }]

stamtąd możesz pracować z wynikiem jako typowym obiektem i użyć Object.keys na przykład aby uzyskać "a" i "b".

Answer 5

Sugerowana pętla jest całkiem w porządku, ale musisz sprawdzić właściwości za pomocą hasOwnProperty. Wolałbym sugerują użyciu Object.keys() że zwraca tylko '' własne właściwości obiektu (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys)

var data = { 
 
    "messages": [{ 
 
     "msgFrom": "13223821242", 
 
     "msgBody": "Hi there" 
 
    }, { 
 
     "msgFrom": "Bill", 
 
     "msgBody": "Hello!" 
 
    }] 
 
}; 
 

 
data.messages.forEach(function(message, index) { 
 
    console.log('message index '+ index); 
 
    Object.keys(message).forEach(function(prop) {  
 
     console.log(prop + " = " + message[prop]); 
 
    }); 
 
});