Comment ajouter un tableau à un autre tableau en javascript

Les objets qui ressemblent aux listes et qui ont des méthodes de traversée et de modification sont appelés tableaux en javascript. Une liste de données est stockée dans un tableau. En JavaScript, il existe plusieurs façons d'ajouter un élément à un tableau existe. Vous pouvez ajouter un seul élément, plusieurs éléments ou même un tableau entier vers un autre tableau.

Ce tutoriel illustra la procédure pour ajouter un tableau à un autre.

Comment ajouter un tableau à un autre tableau en javascript?

Pour ajouter un tableau à un autre, JavaScript permet certaines méthodes prédéfinies énumérées ci-dessous:

• Méthode concat ()
• Méthode push ()
• opérateur de propagation

Examinons le fonctionnement de chaque méthode séparément.

Méthode 1: Ajoutez un tableau à un autre tableau à l'aide de la méthode CONCAT ()

Pour ajouter un tableau à un autre, vous pouvez utiliser le «concat ()" méthode. Il combine les deux tableaux et renvoie un nouveau tableau.

Syntaxe
Vous pouvez utiliser la syntaxe fournie ci-dessous pour la méthode Concat ():

Array1.concat (array2)

Ici, la méthode Concat () ajoutera des éléments de «Array2" pour "Array1".

Exemple
Tout d'abord, nous créerons deux tableaux nommés «Array1" et "Array2»:

var array1 = [1,11,22,33];
var array2 = [111 222];

Maintenant, nous allons ajouter les éléments de Array2 vers le Array1 en utilisant la méthode Concat () et le stocker dans un "NewArray»:

var newArray = array1.concat (array2);

Enfin, nous allons imprimer le «NewArray" en utilisant le "console.enregistrer()" méthode:

console.Log (newArray);

La sortie indique que nous avons ajouté avec succès les deux tableaux:

Passons à la méthode suivante pour ajouter les tableaux.

Méthode 2: Ajoutez un tableau à un autre tableau à l'aide de la méthode push ()

Vous pouvez également utiliser le «pousser()»Méthode, qui est une autre méthode prédéfinie de JavaScript utilisée pour ajouter deux tableaux. Il est possible de le combiner avec le «appliquer()" méthode. Il n'est pas nécessaire de créer un nouveau tableau pour stocker les tableaux annexés car la méthode push () ajoute les éléments au tableau existant.

Syntaxe
Suivez la syntaxe divisée en utilisant à la fois des méthodes applicables () et push () pour ajouter "Array2" dans "Array1»:

Array1.pousser.Appliquer (Array1, Array2);

Exemple
Dans cet exemple, nous utiliserons les tableaux créés précédemment nommés «Array1" et "Array2»Et ajoutez les deux tableaux en utilisant le«pousser()" méthode:

Array1.pousser.Appliquer (Array1, Array2);

Enfin, nous allons imprimer les éléments Array1 en utilisant le «console.enregistrer()" méthode:

console.log (array1);

La sortie montre que Array2 est ajouté avec succès avec Array1:

Jetons un coup d'œil à une autre méthode pour ajouter un tableau vers l'autre tableau.

Méthode 3: Ajoutez un tableau à un autre tableau à l'aide de l'opérateur de propagation

Vous pouvez utiliser une autre méthode de JavaScript appelée «Diffuser»Opérateur. Cet opérateur est désigné comme «[…]». Il crée un troisième tableau en combinant les composants des deux premiers tableaux.

Syntaxe
Pour l'opérateur de diffusion, utilisez la syntaxe ci-dessous:

[… Array1,… Array2];

Exemple
Nous considérerons les tableaux créés ci-dessus «Array1" et "Array2»Et rejoignez-les en utilisant l'opérateur de propagation:

var newArray = [… array1,… array2];

Ensuite, imprimez le tableau "NewArray«Cela stocke le tableau qui en résulte après avoir rejoint les éléments des deux tableaux:

console.Log (newArray);

Vous pouvez voir dans la sortie, les éléments des deux tableaux sont désormais annexés:

Nous avons rassemblé des méthodes les plus simples pour ajouter un tableau à un autre.

Note: Ces méthodes sont efficaces pour combiner de petits tableaux. Si vous souhaitez ajouter de grands tableaux, vous devez créer une méthode définie par l'utilisateur.

Conclusion

Pour ajouter un tableau à un autre, vous pouvez utiliser les méthodes prédéfinies de JavaScript, y compris la méthode Concat (), la méthode push () et l'opérateur de diffusion. Toutes ces méthodes prédéfinies sont efficaces pour les petits tableaux. Si vous souhaitez combiner ou ajouter un grand tableau, vous pouvez créer une méthode définie par l'utilisateur pour des résultats efficaces. Ce tutoriel a illustré la procédure pour ajouter un tableau à un autre avec des exemples appropriés.