Jaka jest różnica między płytką kopią i głęboką kopią z tablicami JavaScript?

Question

Według dokumentacji MDN wywołanie array.slice() spowoduje utworzenie płytkiej kopii tablicy.

Zobacz to MDN link for slice().

Jednakże, jeśli mogę uruchomić prosty test jako taki w konsoli:

var test = [[1,2,3],7,8,9]; 
var shallow_copy = test.slice(); 

i wglądu shallow_copy, widzę, że cała 2 wymiarowa tablica wydaje się być kopiowane.

Jaka jest różnica między płytką kopią a głęboką kopią? Gdybym miał zgadywać, nazwałbym to głęboką kopią.

Answer 1

Aby zobaczyć różnicę, spróbuj:

shallow_copy[0][2] = 4; 
console.dir(test); 

Zobaczysz, że test został zmodyfikowany! Dzieje się tak, ponieważ podczas kopiowania wartości do nowej tablicy, zagnieżdżona tablica jest wciąż ta sama.

Głębokie kopie rekurencyjnie wykonują płytkie kopie, dopóki wszystko nie będzie nową kopią oryginału.

Answer 2

Zasadniczo otrzymujesz referencję do oryginalnej zmiennej/tablicy. Zmiana odniesienia spowoduje także zmianę oryginalnej tablicy. Musisz zapętlić wartości oryginalnej tablicy i utworzyć kopię.

Rozważmy następujący przykład:

var orig = { a: 'A', b: 'B', c: 'C' }; 

Powiedzmy chcesz utworzyć duplikat to tak, że nawet jeśli zmienisz oryginalne wartości, zawsze można wrócić do oryginału.

mogę to zrobić:

var dup = orig; //Shallow copy! 

Jeśli zmienimy wartość:

dup.a = 'Apple'; 

To stwierdzenie będzie również zmienić a z orig, ponieważ mamy płytką kopię lub odniesienie do var orig. Oznacza to, że tracisz również oryginalne dane.

Ale tworząc całkiem nową zmienną, korzystając z właściwości oryginalnej zmiennej orig, można utworzyć głęboką kopię.

var dup = { a: orig.a, b: orig.b, c: orig.c }; //Deep copy! 

Teraz po zmianie dup.a, to będzie tylko wpływa dup i nie orig.