Warum zeigt „console.log()' geänderte Array-Werte an, bevor die Änderungen übernommen werden?

Console.log() zeigt geänderte Array-Werte vorzeitig an

Bei der Programmierung manipulieren wir häufig Variablen und protokollieren ihre Werte zur Nachverfolgung in der Konsole Änderungen. Bei Arrays stoßen wir jedoch auf ein unerwartetes Verhalten, bei dem console.log() geänderte Werte des Arrays ausgibt, noch bevor die Änderungen vorgenommen werden.

Dieses Phänomen kann im folgenden Codeausschnitt beobachtet werden:

var A = [2, 1];
var C = A;
console.log(C); // [1, 2]
A.sort();
console.log(C); // [1, 2]

In diesem Beispiel haben wir ein Array A mit zwei Elementen, das einer anderen Variablen C zugewiesen ist. Wenn wir C protokollieren, zeigt es zunächst die Originalwerte [1, 2] an. Wenn wir jedoch die Methode sort() für A aufrufen, sehen wir, dass C auch die sortierten Werte [1, 2] anzeigt, obwohl die Änderungen auf A angewendet wurden.

Verstehen des Verhaltens

Dieses Verhalten tritt auf, weil console.log() ein Verweis auf das Objekt statt einer Kopie seines Werts übergeben wird. Wenn Sie ein Array protokollieren, zeigt die Konsole einen Verweis auf das Array im Speicher an, der aktualisiert wird, wenn sich das Array ändert.

Um dies zu veranschaulichen, betrachten Sie den folgenden geänderten Code:

var A = [2, 1];
var C = JSON.parse(JSON.stringify(A));
console.log(C); // [1, 2]
A.sort();
console.log(C); // [2, 1]

Indem wir das Array A in einen JSON-String und dann zurück in ein Array konvertieren, erstellen wir ein neues Objekt im Speicher. Das bedeutet, dass C nun eine Kopie der ursprünglichen Werte von A enthält. Wenn wir A sortieren, bleibt C unverändert, da es ein separates Objekt ist.

MDNs Warnung

Dieses Verhalten ist besonders relevant in modernen Versionen von Browsern wie Chrome und Firefox:

MDN warns: ... at the moment you open the console.

Das bedeutet, dass der in der Konsole angezeigte protokollierte Wert möglicherweise nicht den tatsächlichen Wert des Objekts zum Zeitpunkt der Protokollierung darstellt. Stattdessen wird möglicherweise der Wert vom Zeitpunkt des ersten Öffnens der Konsole angezeigt, was zu Verwirrung führen kann.

Fazit

Bei der Arbeit mit Arrays ist es wichtig, dass dies der Fall ist Ich bin mir des Referenzübergabeverhaltens von console.log() bewusst. Wenn Sie die tatsächlichen Werte von Arrays ohne das Risiko vorzeitiger Änderungen protokollieren möchten, sollten Sie die Verwendung der Methoden JSON.parse() und JSON.stringify() in Betracht ziehen, um zunächst eine tiefe Kopie des Arrays zu erstellen.

Das obige ist der detaillierte Inhalt vonWarum zeigt „console.log()' geänderte Array-Werte an, bevor die Änderungen übernommen werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!