как получить доступ к вложенным объектам в json и создать таблицу HTML

Question

Я пытаюсь преобразовать данные json из веб-службы Azure ML в HTML-таблицу. Я хотел бы получить массив с ColumnNames, а затем значения, которые я могу сделать для каждого

, который я просматривал на карте.функция, и я могу получить массив обратно на менее сложный JSON

var Jdata = [{ 'Results': { 'output1': { 'type': 'table', 'value': { 'ColumnNames': ['Survived', 'Sex', 'Age', 'Scored Labels', 'Scored Probabilities'], 'ColumnTypes': ['Int32', 'String', 'Nullable`1', 'Int32', 'Double'], 'Values': [['0', 'value', '34', '1', '0.925747632980347']] } } } }];

            var ColumnList = Jdata.map(function (task, index, array) {

                return task.ColumnNames;

            });

            alert(ColumnList);


            //var TestData = [{ 'name': 'Write for Envato Tuts+', 'duration': 120 }, { 'name': 'Work out', 'duration': 60 }, { 'name': 'Procrastinate on Duolingo', 'duration': 240 }];

            //var TestData_names = TestData.map(function (task, index, array) {

            //    return task.name;

            //});

            //alert(TestData_names);

Answer 1

Похоже, ваш json уже находится в форме объекта синтаксического анализа jquery.Вы можете просто использовать функцию ниже для просмотра имен столбцов

var json = [
  {'Results': {
    'output1':
    { 
      'type': 'table','value': 
      { 
    'ColumnNames': ['Survived', 'Sex', 'Age', 'Scored Labels', 'Scored Probabilities'],
    'ColumnTypes': ['Int32', 'String', 'Nullable', 'Int32', 'Double'], 
    'Values':      ['0', 'value', '34', '1', '0.925747632980347']
      } 
   } 
} 
}];

console.log(json[0].Results.output1.value.ColumnNames);
console.log(json[0].Results.output1.value.Values);
// expected output: 42

Вышеупомянутый код даст вывод ниже: -

После этого вы можетепросто используйте функцию Jquery.each для перебора столбцов и значений

jQuery.each( obj, function( i, val )

Дайте мне знать, если вам нужна помощь. Надеюсь, это поможет.

MV