Javascript循环通过对象数组？

Question

我试图循环以下内容:

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

我想要检索msgFrom和msgBody

我试过了:

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

但控制台日志打印 [Object]

什么想法我做错了什么？

Answer 1

看来你可能只是错过了该"messages"属性data,所以循环可能会迭代根Object而不是Array:

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

除非在给定的片段之前data设置messages.

但是,您应该考虑将其更改为以下的正常for循环Array:

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

Answer 2

在您的脚本中,数据是您的整个对象.

key是"messages",这是一个你需要迭代的数组,如下所示:

    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

您可以使用forEach方法迭代对象数组.

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

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

Answer 4

迭代

方法一： forEach方法

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

方法二： for..of方法

for(let message of messages){
   console.log(message);
}

注意：此方法可能不适用于对象，例如：

let obj = { a: 'foo', b: { c: 'bar', d: 'daz' }, e: 'qux' }

方法二： for..in方法

for(let key in messages){
       console.log(messages[key]);
 }

Answer 5

此处提供的所有答案均使用正常功能，但如今，我们的大多数代码在ES6中均使用箭头功能。我希望我的答案能对我们在对象数组上进行迭代时如何使用箭头功能的读者有所帮助

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

使用箭头功能对数组执行.forEach

 data.messages.forEach((obj, i) => {
     console.log("msgFrom", obj.msgFrom);
     console.log("msgBody", obj.msgBody);
 });

使用箭头功能在数组上执行.map

 data.messages.map((obj, i) => {
     console.log("msgFrom", obj.msgFrom);
     console.log("msgBody", obj.msgBody);
 });

Answer 6

要循环遍历对象数组或仅在 javascript 中的数组，您可以执行以下操作：

var cars = [{name: 'Audi'}, {name: 'BMW'}, {name: 'Ferrari'}, {name: 'Mercedes'}, {name: 'Maserati'}];

for(var i = 0; i < cars.length; i++) {
    console.log(cars[i].name);
}

还有forEach()函数，它更像“javascript-ish”，代码也更少，但语法更复杂：

cars.forEach(function (car) {
    console.log(car.name);
});

他们都输出以下内容：

// Audi
// BMW
// Ferrari
// Mercedes
// Maserati