JSON looping через вспомогательные объекты

Question

Я пытаюсь понять проблему, с которой я сталкиваюсь с JSON и перебираю объекты. Я никогда не использовал JSON раньше, поэтому, пожалуйста, дайте мне знать, если ошибки синтаксиса вызывают мои проблемы.

У меня есть этот объект JSON определен:

var columnData = { 
    "obj1":{Heading: "Test 1", Required: "True", DataTypeCode:"str", DropDownOptions: "", ColumnId: "1"}, 
    "obj2":{Heading: "Test 2", Required: "False", DataTypeCode:"dropdown", DropDownOptions: "Alpha,Beta,Gamma,Delta", ColumnId: "2"}, 
    "obj3":{Heading: "Test 3", Required: "True", DataTypeCode:"int", DropDownOptions: "", ColumnId: "3"} 
}; 

И я передаю его в функцию, которая делает это:

for (var col in columnData) { 
    r += '<td><input type="text" name="col' + col.ColumnId + '" value="' + col.Heading + '" /></td>' 
} 

точек останова в FireBug подтверждает, что columnData является объект, он имеет три вспомогательных объекта, а вспомогательные объекты имеют ожидаемые свойства и значения. Но это выход я получаю после того, как функция называется:

<td><input name="colundefined" value="undefined" type="text"></td> 

К сожалению, я думаю, что мое отсутствие опыта работы с JSON делает результаты моих попыток отслеживать ответ вниз непригодным. Как написать цикл, который будет правильно получать вспомогательные объекты columnData?

Answer 1

Вам все еще нужно columnData:

columnData[col].ColumnId 

Answer 2

ли это:

var key; 
var col; 

for (key in columnData) { 
    col = columnData[ key ]; 
    r += '<td><input type="text" name="col' + col.ColumnId + '" value="' + col.Heading + '" /></td>'; 
} 

---

Другой вариант:

r += Object.keys(columnData).map(function (key) { 
    var col = columnData[ key ]; 
    return '<td><input type="text" name="col' + col.ColumnId + '" value="' + col.Heading + '" /></td>'; 
}).join(''); 

Я также рекомендую шаблонизатор (как Handlebars.js) для конкатенации строки HTML необходимо.

Answer 3

JSON требует, чтобы значения ключа были заключены в двойные кавычки, ваша переменная columnData является объектом javascript, а не JSON.

Это указано, col - текущий ключ в columnData, повторяющийся, например. obj1, obj2, obj3. Если вы хотите получить доступ к объекту одного из этих объектов, вам необходимо получить к нему доступ в первую очередь:

var col; 
for (var key in columnData) { 
    col = columnData[key]; 
    r += '<td><input type="text" name="col' + col.ColumnId + '" value="' + col.Heading + '" /></td>' 
}