遍历JSON对象javascript

Question

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

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

Answer 2

这是我的递归方法：function visit(object) {    if (isIterable(object)) {        forEachIn(object, function (accessor, child) {            visit(child);        });    }    else {        var value = object;        console.log(value);    }}function forEachIn(iterable, functionRef) {    for (var accessor in iterable) {        functionRef(accessor, iterable[accessor]);    }}function isIterable(element) {    return isArray(element) || isObject(element);}function isArray(element) {    return element.constructor == Array;}function isObject(element) {    return element.constructor == Object;}