我该如何循环遍历JavaScript对象数组？

Question

我该如何循环遍历JavaScript对象数组？

77

我正在尝试循环遍历以下内容：

{
    "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]。

有任何想法我做错了什么吗？

- Alosyius

2

console.log(obj, prop); - zerkms

3

通常情况下，你应该避免使用for..in来迭代数组。 - Jonathan Lonowski

不使用for..in与数组的唯一可信原因是属性可能无法按预期顺序返回。否则，它与在任何其他对象上使用for..in一样好或一样差（意外属性，来自[[Prototype]]的属性等）。 - RobG

13个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- antelove · Answer 1

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

for ( i = 0; i < data.messages.length; i++ ) {
  console.log( `Message from ${data.messages[i].msgFrom}: ${data.messages[i].msgBody}` )
}

- Vishwanath · Answer 2

for (let key in data) {
    let value = data[key];
    for (i = 0; i < value.length; i++) {
      console.log(value[i].msgFrom);
      console.log(value[i].msgBody);
    }
  }

- maryrobicodes · Answer 3

arr = [{food:"Mandazi", Price: 5},{food:"Black Tea", Price: 20},{food:"Black Coffee", Price: 20}
];
txt = "";
for (i = 0; i < arr.length; i++) {
    txt += arr[i].food + ": $" + arr[i].Price + "
";
}
document.getElementById("show").innerHTML = txt;