Warum erstellt „Array.fill()' von JavaScript gemeinsame Referenzen anstelle von Kopien und wie kann „Array.from()' dies beheben?

Array.fill() erstellt eine versteckte Kopie nach Referenzen, nicht nach Wert

Bei der Verwendung von Array.fill in JavaScript kann es vorkommen, dass mehrere innere Arrays vorhanden sind Eine Matrix verweist auf dasselbe zugrunde liegende Array-Objekt. Dies kann zu unerwartetem Verhalten führen, wenn versucht wird, einzelne Elemente zu ändern.

Das Problem

Bedenken Sie beispielsweise den folgenden Codeausschnitt:

let m = Array(6).fill(Array(12).fill(0));

Dieser Code zielt darauf ab, etwas zu erstellen eine 6x12-Matrix, bei der jedes Element auf 0 initialisiert wird. Es gibt jedoch ein kleines Problem:

m[0][0] = 1;
console.log(m[1][0]); // Outputs 1 instead of 0

Nach der Einstellung Wenn Sie m[0][0] auf 1 setzen, würden wir erwarten, dass m[1][0] 0 bleibt. Die Konsole zeigt jedoch 1 an. Dies liegt daran, dass alle inneren Arrays tatsächlich auf dasselbe zugrunde liegende Array-Objekt verweisen.

Die Lösung: Array.from() zur Rettung

Um dieses Problem zu lösen und eine echte Kopie nach Wert zu erreichen, kann man Folgendes verwenden Array.from():

let m = Array.from({length: 6}, e => Array(12).fill(0));

Dieser Ansatz erstellt ein neues Array für jedes Element im äußeren Array und stellt so sicher, dass alle inneren Arrays unterschiedliche Objekte sind. Daher hat die Änderung eines Elements keine Auswirkungen auf die anderen:

m[0][0] = 1;
console.log(m[0][0]); // Expecting 1
console.log(m[0][1]); // Expecting 0
console.log(m[1][0]); // Expecting 0

Das obige ist der detaillierte Inhalt vonWarum erstellt „Array.fill()' von JavaScript gemeinsame Referenzen anstelle von Kopien und wie kann „Array.from()' dies beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!