如何访问嵌套对象在JSON和创建HTML表

问题描述 投票:-1回答:1

我试图JSON数据从蔚蓝的ML Web服务转换为HTML表我想获得列名,然后将值在那里我可以为每个做一个数组

我一直在寻找的地图功能,我可以得到一个数组回到一个不太复杂的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);
jquery json azure nested
1个回答
0
投票

看来你的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

上述代码将使输出谎言之下: -

enter image description here

之后,你可以简单的用户Jquery.each功能遍历列和值

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

让我知道如果你需要任何help.Hope它帮助。

MV

© www.soinside.com 2019 - 2024. All rights reserved.