Итерирование через 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

Моей проблема была на самом деле проблемой плохого планирования с объектом JSON, а не фактической логикой вопрос. То, что я закончил, - это организовать объект следующим образом, по предложению пользователя2736012.

{ 
"dialog": 
{ 
    "trunks":[ 
    { 
     "trunk_id" : "1", 
     "message": "This is just a JSON Test" 
    }, 
    { 
     "trunk_id" : "2", 
     "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." 
    } 
    ] 
} 
} 

В этот момент я смог выполнить довольно простой цикл, основанный на общем количестве объектов.

var totalMessages = Object.keys(messages.dialog.trunks).length; 

    for (var i = 0; i < totalMessages; i++) 
    { 
     console.log("ID: " + messages.dialog.trunks[i].trunk_id + " Message " + messages.dialog.trunks[i].message); 
    } 

Мой метод получения totalMessages не поддерживается во всех браузерах. Для моего проекта это на самом деле не имеет значения, но будьте осторожны, если вы решите использовать что-то похожее на это.

Answer 3

Вот мой рекурсивный подход:

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