Was ist der Unterschied zwischen diesen beiden Arrays?

Question

Ich bin Konsole sie in Chrom anmelden, erscheinen sie wie folgt aus:

(A) [] 

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

Das Innere dieser Arrays identisch ist, wenn sie in der Konsole zu öffnen. Der Unterschied ist, daß ich in den Werten für B Codierung Fest bin und unter Verwendung von

arrayA.push({ 
    ... 
}); 

auf leeren (arrayA = [];) für Array A. Folglich, wenn die Elemente in Array A zuzugreifen versuchen, arrayA[0] kehrt undefiniert, im Vergleich zu arrayB[0] was den beabsichtigten Wert zurückgibt.

EDIT: hier ist eine JSFiddle

Answer 1

Ihre Geige zeigt, was das Problem ist: Asynchron-Code. Du machst einen Ajax-Ruf und schiebst die Daten auf das Array, nachdem der Ruf zurückkehrt. Ihr console.log des Arrays passiert, bevor der Ajax-Aufruf zurückkehrt, daher ist das Array zu diesem Zeitpunkt noch leer.

Wenn Sie console.log die Daten innerhalb des Rückrufs protokollieren, sehen Sie die tatsächlichen Daten. Stark vereinfachtes Beispiel:

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