javascript - 遍历对象

Question

我很难找到一种方法来以我想要的方式遍历这个对象。我在这里只使用 Javascript。

首先，这是对象

{
"dialog":
{
    "dialog_trunk_1":{
        "message": "This is just a JSON Test"
    },
    
    "dialog_trunk_2":{
        "message": "and a test of the second message"
    },

    "dialog_trunk_3":
    {
        "message": "This is a test of a bit longer text. Hopefully this will at the very least create 3 lines and trigger us to go on to another box. So we can test multi-box functionality, too."
    }
}
}

现在，我只是在尝试基本的方法来访问该对象上的每个 dialog_trunk。理想情况下，我想遍历对象并为每个主干显示它的 message 值。

我尝试使用 for 循环动态生成 dialog_trunk 的名称/编号，但我无法使用对象名称的字符串访问该对象，所以我不确定从这里去哪里.

Answer 1

为此，您使用 for..in 循环。请务必检查对象是否拥有属性或所有继承的属性是否也显示。一个例子是这样的:

var obj = {a: 1, b: 2};
for (var key in obj) {
  if (obj.hasOwnProperty(key)) {
    var val = obj[key];
    console.log(val);
  }
}

或者如果您需要递归遍历所有属性:

var obj = {a: 1, b: 2, c: {a: 1, b: 2}};
function walk(obj) {
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      var val = obj[key];
      console.log(val);
      walk(val);
    }
  }
}
walk(obj);