これら2つの配列の違いは何ですか？

Question

私はクロームでそれらをロギングコンソールよ、彼らはこのように表示されます。

(A) [] 

(B) (3) [{…}, {…}, {…}] 

コンソールでそれらを開いたときに、これらの配列の内部は同じです。違いは、アレイAの要素にアクセスしようとしたとき、私はこの結果Bの値にハードコーディングだと配列Aに空(arrayA = [];)に

arrayA.push({ 
    ... 
}); 

を使用することであるarrayA[0]はarrayB[0]に比べて、undefinedを返し意図した値を返します。

EDIT：非同期コード：ここはJSFiddle

Answer 1

あなたのフィドルは問題が何であるかを示しています。あなたはajax呼び出しを行い、コールが返った後に配列にデータをプッシュします。配列のconsole.logはajax呼び出しが返る前に起こるので、配列はその時点でまだ空です。

コールバック内のデータをconsole.logに記録すると、実際のデータが表示されます。非常に簡単な例：

var a = []; 
$.getJSON('http://example.com', function(data) { 
    a.push(data); 
    console.log(a); // now a contains data 
}); 
console.log(a); // a is still empty, because the getJSON hasn't returned yet