HTMLでJSONファイルを使用する：未知の型エラー：data.forEachが関数ではありません

Question

web/docsを閲覧しましたが、なぜこれが動作しないのかわかりません。

私はJSONファイルからデータ（引用符）を挿入しようとしています：私が得る、

$(document).ready(function() { 
    $("#realquote").on("click", function() { 
    $.getJSON('/json/quotes.json', function(data) { 
    var html = " "; 
     data.forEach(function(val) { 
     var keys = Object.keys(val); 
      html += "<div class = 'text-output'>"; 
      keys.forEach(function(key){ 
       html += val[key]; 

      }); 
       html += "</div>" 
     }); 


     $(".realquote").html(html); 
    }); 
    });   
    }); 

しかし、毎回次のJSを使用して簡単なHTMLのdivの中へ {

"quotesArray":[{ 
    "personName": "Albert Einstein", 
    "quote": "Look deep into nature, and then you will understand everything better." 
}, 
{ 
    "personName": "Stephen Hawking", 
    "quote": "Look deep into nature, and then you will understand everything better." 
}, 
{ 
    "personName": "Confucius", 
    "quote": "Life is really simple, but we insist on making it complicated." 
}]} 

エラー：TypeError：data.forEachは関数ではありません」と私は理由を理解できません。

誰かが正しい方向に私を押し込むことができれば、それは非常に高く評価されるでしょう！

Answer 1

dataは、.forEachメソッドを持たない通常のオブジェクトです。オブジェクトのquotesArrayプロパティを反復処理する必要があります。

data.quotesArray.forEach(fn); 

Answer 2

あなたはあなたがそれぞれのforeachののinsted使用することができます$.each代わりのforEach

Answer 3

を使用するjQueryの、その優れたを使用しているよう..あなたが実際にdata.quotesArrayを使用する必要があり、このlink

Answer 4

をチェックしてみてください反復処理を行う配列にアクセスします。

コールバックのdataには、JSONファイルから返されたオブジェクトが格納されます。プレーンなJavascriptオブジェクトには.forEachメソッドがないので、エラーが発生します。あなたはデータを反復処理したい場合は、あなたが使用することができます

Answer 5

使用data.quotesArray.forEach(..代わり

http://js.do/code/100647

data.forEach(..のはObject

Object.keys(data).forEach(function (key) 
{ 

.... 

});