Copier un tableau d'objets dans un autre tableau en javascript

Si le tableau de destination n'existe pas encore...

...vous pouvez utiliser slice() ou concat(). slice() est probablement plus idiomatique (vous verrez aussi slice(0), mais la valeur par défaut est 0, donc...):

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

À partir de ES2015 (aka ES6), il y a aussi Array.from, qui crée un nouveau tableau à partir de n'importe quelle chose de type tableau (y compris un tableau réel):

var destinationArray = Array.from(sourceArray);

(Array.from peut être calée/polyfilled pour les anciens moteurs JavaScript.)

Aussi à partir D'ES2015, vous pouvez utiliser la notation de propagation de tableau et un tableau littéral avec tout itérable (y compris un tableau réel):

var destinationArray = [...sourceArray];

Après cela, les deux tableaux auront le même contenu. Changer un tableau ne changera pas l'autre. Naturellement, si une entrée de tableau est un objet, l'entrée de cet objet dans les deux tableaux pointera vers le même objet; ce n'est pas une copie "profonde".

Si le tableau de destination existe...

...et vous voulez y ajouter le contenu du tableau source, vous pouvez utiliser push:

destinationArray.push.apply(destinationArray, sourceArray);

Qui fonctionne par appeler push sur le tableau de destination en utilisant la fonctionnalité apply des fonctions JavaScript, qui vous permet de spécifier les arguments de l'appel de fonction en tant que tableau. {[13] } va pousser autant d'éléments qu'il a d'arguments, donc il finit par copier les éléments du tableau source vers le tableau de destination.

Dans ES2015 et versions ultérieures, vous pouvez rendre ce nettoyant avec la notation spread(...):

destinationArray.push(...sourceArray);

Notez que dans les deux cas, l'appel est limité par le nombre maximum du moteur JavaScript des arguments de fonction (à ce jour, c'est au moins dans les milliers pour tous les principaux moteurs [et pas dans les centaines de milliers, du moins pas pour le V8 de Chrome]).

Voici une version 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>