Cosa mi manca con la comprensione degli array?

Question

Quando gli array vengono assegnati a un'altra variabile, il riferimento viene passato al contrario dei valori. Ciò è confermato quando si confrontano due array utilizzando == operatore e restituisce true

var a = [[1,2],[3,4],[5,6]]; 
var b = a; // b = [[1,2],[3,4],[5,6]] 
var c = [].concat(a); // c = [[1,2],[3,4],[5,6]] 

a == b; //true 
a == c; //false 

Con gli ingressi di cui sopra, quando modifico l'array b, si muta matrice a, ma non c.

b.push([7,8]); // b = [[1,2],[3,4],[5,6], [7,8]] 
a; //a = [[1,2],[3,4],[5,6], [7,8]] 
c; //c = [[1,2],[3,4],[5,6]] 

Ma quando faccio il seguito, si muta c.

b[0].push(5); // b = [[1,2,5],[3,4],[5,6], [7,8]] 
a; //a = [[1,2,5],[3,4],[5,6], [7,8]] 
c; //c = [[1,2,5],[3,4],[5,6]] 

Perché ciò accade? Questo comportamento si verifica con l'utilizzo di metodi array che muta l'array.

Answer 1

.concat() fa una copia superficiale. Così dopo la riga:

var c = [].concat(a); 

c e a riferimento array differenti, ma c[0] e b[0] e a[0] tutti riferimento allo stesso array.

Citando MDN:

copie concat oggetto riferimenti nel nuovo array. Sia l'originale che il nuovo array si riferiscono allo stesso oggetto. Cioè, se un oggetto referenziato viene modificato, le modifiche sono visibili sia per gli array nuovi che per quelli originali.