Kopiowanie tablicy obiektów do innej tablicy w javascript

Jeśli tablica docelowa jeszcze nie istnieje...

...możesz użyć slice() lub concat(). slice() jest prawdopodobnie bardziej idiomatyczne( zobaczysz również slice(0), ale domyślną wartością jest 0, więc...):

var destinationArray = sourceArray.slice(); // Probably more idiomatic
// or
var destinationArray = sourceArray.concat();

var destinationArray = Array.from(sourceArray);

(Array.from może być shimmed/polyfilled dla starszych silników JavaScript.)

Również od ES2015 można używać notacji rozproszonej i tablicy literalna z dowolną iterowalną (w tym rzeczywistą tablicą):

var destinationArray = [...sourceArray];

Następnie obie tablice będą miały tę samą zawartość. Zmiana jednej tablicy nie zmieni drugiej. Oczywiście, jeśli wpis tablicy jest obiektem, wpis dla tego obiektu w obu tablicach będzie wskazywał na ten sam obiekt; nie jest to Kopia "głęboka".

Jeśli istnieje tablica docelowa...

...i chcesz dodać do niego zawartość tablicy źródłowej, możesz użyć push:

destinationArray.push.apply(destinationArray, sourceArray);

To działa przez wywołanie push w tablicy docelowej za pomocą apply funkcji JavaScript, która pozwala określić argumenty wywołania funkcji jako tablicę. push wypchnie tyle elementów, ile ma argumentów, więc kończy się kopiowaniem elementów z tablicy źródłowej do tablicy docelowej.

W ES2015 i nowszych, możesz zrobić to czystsze z notacją rozprzestrzeniania(...):

destinationArray.push(...sourceArray);

Zauważ, że w obu przypadkach wywołanie jest ograniczone przez maksymalny numer silnika JavaScript argumentów funkcji (w chwili pisania tego tekstu jest to przynajmniej w tysiącach dla wszystkich głównych silników [a nie w setkach tysięcy, przynajmniej nie dla Chrome ' a V8]).

Oto wersja ES5:

var source1, dest1, source2, dest2;

snippet.log("If dest doesn't exist yet:");
source1 = [1, 2, 3, 4];
dest1 = source1.slice(0);
snippet.log("[before change] source1 = " + source1.join(", "));
snippet.log("[before change] dest1 = " + dest1.join(", "));
source1[2] = "three";
dest1[3] = "four";
snippet.log("[after change] source1 = " + source1.join(", "));
snippet.log("[after change] dest1 = " + dest1.join(", "));

snippet.log("If dest already exists and we're just appending:");
source2 = [1, 2, 3, 4];
dest2 = ['a', 'b', 'c', 'd'];
snippet.log("[before append] source2 = " + source2.join(", "));
snippet.log("[before append] dest2 = " + dest2.join(", "));
dest2.push.apply(dest2, source2);
snippet.log("[before change] source2 = " + source2.join(", "));
snippet.log("[before change] dest2 = " + dest2.join(", "));
source2[2] = "three";
dest2[7] = "four";
snippet.log("[after change] source2 = " + source2.join(", "));
snippet.log("[after change] dest2 = " + dest2.join(", "));

<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="//tjcrowder.github.io/simple-snippets-console/snippet.js"></script>