Array-Kopie mit Slice funktioniert nicht

Question

Ich würde erwarten, dass nach der Verwendung von distances.slice(), würde ich eine Kopie des Arrays haben. Aber wenn ich ein Element der neuen Kopie ändere, ändert es immer noch das ursprüngliche Array. Warum?

var distances = [ 
 
    ['-1', '10', '-1', '31'], 
 
    ['10', '-1', '10', '-1'], 
 
    ['-1', '-1', '-1', '10'], 
 
    ['15', '6', '-1', '-1'] 
 
]; 
 
for (var i = 0; i < 4; i++) { 
 
    console.log(distances, 'distances pairstop'); 
 
    var sampleDistance = distances.slice() 
 
    sampleDistance[0][2] = ['fooo'] 
 
}

Answer 1

Scheibe erzeugt eine flache Kopie des Arrays. Es sagt, so in den docs:

Die Methode slice() eine flache Kopie eines Teils eines Array-Objekt in ein neues Array aus beginnt ausgewählt kehrt zum Ende (Ende nicht enthalten). Das ursprüngliche Array wird nicht geändert.

Da distances ist ein Array von arryas wird sampleDistance eine flache Kopie sein, was bedeutet, es refernces den gleichen 3 (one-dimentional) Arrays hält. sampleDistance[0][2] = ['fooo'] ändert das erste eindimensionale Array, das sowohl durch sampleDistance als auch distances referenziert wird.

daher Ihr Fehler.

Answer 2

Um ein Array mit Sub-Array-Elementen mit unbestimmter Tiefe zu klonen, benötigen Sie ein allgemeines Array-Cloning-Tool wie;

Array.prototype.clone = function(){ 
    return this.map(e => Array.isArray(e) ? e.clone() : e); 
}; 

So distances.clone() sollte nur die Arbeit gut machen.