JSON：如何访问深层数组

Question

所有的预回路都很好。我需要帮助找到访问更深层次json的方法。我被困在“for”循环中。 product_name在第一个循环中出来没有问题，但没有比这更深。我为每个更深层次的循环添加了一些输出，但我似乎没有通过第二个循环。

Follow URL查看JSON数组。

<script> 
var xmlhttp = new XMLHttpRequest(); 
var url = 'http://www.weber.se/?type=88&pageAlias=lecareglttklinker26&json=1'; 

xmlhttp.onreadystatechange=function() { 
if (this.readyState == 4 && this.status == 200) { 
    readJson(this.responseText); 
} 
} 
xmlhttp.open("GET", url, true); 
xmlhttp.send(); 

function readJson(response) { 
var object = JSON.parse(response); 
var output = '<div class="container-fluid">'; 
     output += '<div class="row">'; 
      output += '<div class="col-xs-6 text-left"><img src="' + object.product[0].packaging_picture + '" height="230"></div>'; 
      output += '<div class="col-xs-6 text-right"><img src="' + object.product[0].main_picture + '" height="230"></div>'; 
     output += '</div>'; 
     output += '<div class="row">'; 
      output += '<div>' + object.product[0].standfirst + '</div>'; 
     output += '</div>'; 
     output += '<div class="row">'; 
      output += '<div class="well"><h2>Egenskaper</h2>' + object.product[0].benefits_description + '</div>'; 
     output += '</div>'; 

     for (var a = 0; a < object.product.length; a++) { 
      var product = object.product[a]; 
      var name = product.product_name; 
      output += '<h2>' + name + '</h2>'; 
       for (var b = 0; b < product.tabs.length; b++) { 
        var tabs = product.tabs[b]; 
        output += 'tabs<br>'; 
         for (var c = 0; c < product.tabs.tab.length; c++) { 
          var tab = tabs.tab[c]; 
          output += 'tab<br>'; 
           for (var d = 0; d < product.tabs.tab.contents.length; d++) { 
            var contents = tab.contents[d]; 
            output += 'contents<br>'; 
             for (var e = 0; e < product.tabs.tab.contents.content.length; e++) { 
              var content = contents.content[e]; 
              output += 'content<br>'; 
               for (var f = 0; f < product.tabs.tab.contents.content.title.length; f++) { 
                var title = content.title[f]; 
                var bodytext = content.bodytext[f]; 
                output += '<h3>' + title + '</h3>'; 
                output += bodytext; 
               } 
             } 
           } 
         } 
       } 
     } 

     output += '</div>'; 

    document.getElementById("output").innerHTML = output; 
} 
</script> 

Answer 1

你的第二个循环是无效的。根据链接中的数据，product.tabs不是数组。它的一个对象。所以你不能真正循环和反对，你需要有一种不同的方式来处理该对象。

for (var a = 0; a < object.product.length; a++) { 
    var product = object.product[a]; 
    var name = product.product_name; 
    output += '<h2>' + name + '</h2>'; 
    output += 'tabs<br>'; 
    var tabs = product['tabs']['tab']; 
    for (var c = 0; c < tabs.length; c++) { 
     var tab = tabs[c]; 
     output += 'tab<br>'; 
     var contents = tab['contents'] != undefined ? tab['contents']['content'] : []; 
     output += 'contents<br>'; 
     for (var e = 0; e < contents.length; e++) { 
      var content = contents[e]; 
      output += 'content<br>'; 
      var title = content.title; 
      var bodytext = content.bodytext; 
      output += '<h3>' + title + '</h3>'; 
      output += bodytext; 

     } 
    } 
}