JavaScriptを使用してネストされたJSONを読み取る

Question

JavaScriptを使用してJSONファイルのネストされたコンテンツを読み込もうとしています。ここで

は私のJavaScriptのである：

{ 
    "id": "life-events", 
    "type": "category", 
    "title": "Life events", 
    "description": "When big things happen - having a baby, losing your job, getting divorced or retiring\n - it helps to be in control of your money\n", 
    "contents": [ 
     { 
      "id": "setting-up-home", 
      "type": "category", 
      "title": "Setting up home", 
      "description": "Deciding whether to rent or buy, working out what you can afford and managing\n money when sharing with others\n", 
      "contents": [ 
      ] 
     }, 
     { 
      "id": "young-people-and-money", 
      "type": "category", 
      "title": "Leaving school or college", 
      "description": "", 
      "contents": [ 
      ] 
     }, 
     { 
      "id": "having-a-baby", 
      "type": "category", 
      "title": "Having a baby", 
      "description": "", 
      "contents": [ 
      ] 
     } 
    ] 
}, 

ネストされたJSONは '未定義' として表示されます。

<script> 
var obj, xmlhttp, myObj, x, txt = ""; 
var request = new XMLHttpRequest(); 
request.open('GET', 'https://private-c01be-moneyadviceservice.apiary-mock.com/locale/categories.json'); 
request.setRequestHeader("Content-type", "application/json"); 
request.onreadystatechange = function() { 
if (this.readyState === 4) { 
console.log('Status:', this.status); 
console.log('Headers:', this.getAllResponseHeaders()); 
console.log('Body:', this.responseText); 

    myObj = JSON.parse(this.responseText); 

    for (x in myObj) { 
     txt += "<h2>" + myObj[x].title + "</h2><p>" + myObj[x].description + "</p><br/>"; 
     txt += "<h3>" + myObj[x].contents.title + "</h3><p>" + myObj[x].contents.description + "</p><br/>"; 
    } 

    document.getElementById("MAS").innerHTML = txt; 
    } 
}; 

request.send(); 
</script> 

そしてここでは、JSONファイルです。ネストされたデータにアクセスするにはどうすればよいですか？

彼らは以下のように配列されているので、あなたが同様にcontentsをループする必要があり、私はこのトピックについて無数の記事を読みましたが、どれも本当にこのインスタンスで

Answer 1

を助けなかった：ここ

for (x in myObj) { 
    txt += "<h2>" + myObj[x].title + "</h2><p>" + myObj[x].description + "</p><br/>"; 
    for(y in myObj[x].contents){ 
    txt += "<h3>" + myObj[x].contents[y].title + "</h3><p>" + myObj[x].contents[y].description + "</p><br/>"; 
    } 
    } 

されますJSBin。

Answer 2

contentsは配列なので、myObj[x].contents.titleにアクセスすることはできません。それはプロパティのためにmyObj[x].contentsを反復する必要があります。