遍历json对象javascript

一尘不染

遍历json对象javascript

javascript

我很难找到一种以我想要的方式遍历此JSON对象的方法。我在这里只使用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的名称/编号，但是我无法使用对象名称的字符串来访问该对象，因此我不确定从何处去。

阅读 272

2020-05-01

共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);

2020-05-01