JavaScript配列 - 使用時に0の長さですが、Chromeで正しい長さが表示されます

Question

これは初心者のJavaScriptメドラーであることを意味しています。私のHTMLで

arrayA = [ 
    { 
     "Key": "Key1", 
     "Value": { 
         "info1": "298431", 
         "info2": "55.035", 
         "info3": "11.375", 
        }, 
     "Name": "Key1" 
    } 
] 

：

私は（私は[]でarrayAを宣言してからデータを含むファイルを摂取するために$ .getJSONを使用して、私の実際のコードでは）次のデータをarrayAと呼ばれる配列を持っていますページには、スクリプトタグ/セクションがあり、そこに定義されています。 arrayAの後に、私は "stuff"を試して実行するfuncA（）という関数を持っています。これには、例として "Key1"のインデックスを見つけることが含まれます。

console.logの行を常に0として報告しますが、Chromeのコンソールを使用して長さをチェックすると、正しい数のオブジェクト（8950）が報告されます。

何が問題なのかよく分かりません。潜在的に可変スコープか、arrayAが初期化され、データがロードされる方法？助けてもらえますか？完全のために

：

<script type="text/javascript"> 
var arrayA = []; 

$.getJSON('./source.json', function(data) { 
    arrayA = data;     
}); 

function funcA() { 
    //Do stuff to find indexOf "Key1" 
} 
</script> 

/D

Answer 1

問題は、いつfuncA()実行、データがまだ利用できない可能性が最も高いです。

この試してみてください。そして、あなたは注文物事が起こるれている表示されます

<script type="text/javascript"> 
var arrayA = []; 

$.getJSON('./source.json', function(data) { 
    arrayA = data;     
    console.log('Data was loaded', arrayA); 
}); 

function funcA() { 
    //Do stuff to find indexOf "Key1" 
    console.log('funcA() ran'); 
} 
</script> 

を。もちろん$.getJSONは非同期関数であるため、常に同じ順序で起こっていることに依存することはできません。したがって、グローバル変数を使用せずに、約束やコールバックを調べる必要があります。

Answer 2

arrayAにデータを割り当てるのは、getJSONのコールバック関数がまだ完了していないことを最初に検査しているときです。データを操作する場合は、コールバック内でfuncAと呼ぶことができます。

$.getJSON('./source.json', function(data) { 
    arrayA = data; 
    funcA();     
});