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; 

     } 
    } 
}