jQueryの$ .each正常に機能しますが例外TypeError

Question

には、次のデータセットを想像し得：私はjQueryのを介して機能を渡した場合、それがうまく動作しますが、それはランダムにスロー

{"FakeEconomy":{ 
"2016-04-05":5651694, 
"2016-04-06":5513759, 
"2016-04-07":5410169, 
"2016-04-08":5094142, 
"2016-04-09":4768829, 
"2016-04-10":5101458, 
"2016-04-11":5776419, 
"2016-04-12":5692041, 
"2016-04-13":5568383, 
"2016-04-14":5555027, 
"2016-04-15":5116844, 
"2016-04-16":4653882, 
"2016-04-17":5112466, 
"2016-04-18":5764588 
}} 

を：

Uncaught TypeError: Cannot read 'visits' of undefined

次は、jQueryのコードです：

console.log(dataset['visits']); // Prints the data above 
$.each(dataset['visits'], function(index,value) { 
    pageName = index; 
    $.each(dataset['visits'][index], function(index,value) { 
     timeline.push(index); 
     visits_data.push(parseInt(value)); 
     console.log(timeline); 
    }) 
}); 

エラーの原因となっていますか？

Answer 1

プログラムがエラーを起こしている理由は、JavaScriptファイルとHTMLファイルの間に上記の関数が含まれているjQuery準備関数を配置したためです。本質的には

、この：

$(document).ready(function(){ 
    var collected_results = graph_data(dataset); // Has the each function 
    var visitsChart = new Chart(collected_results[0], collected_results[1]); 
    var devicesChart = new Chart(collected_results[2], collected_results[3]); 
    var osChart = new Chart(collected_results[4], collected_results[5]); 
}) 

は、JavaScriptファイルにあった、とHTMLファイルよりもJavaScriptファイルのロードが速く。

JSファイルはHTMLファイルよりも高速に読み込まれるため、オブジェクトを読み取ることができないためエラーが発生します。