Comment fusionner les tableaux en javascript

Une collection d'articles ou d'éléments est appelée un Déployer. Les tableaux peuvent stocker des données comme ses éléments, puis vous pouvez y accéder en cas de besoin. Il s'agit d'une structure de données couramment utilisée dans différents langages de programmation, y compris JavaScript.

Il existe des chances que vous puissiez avoir besoin de fusionner tableaux si les données proviennent de plusieurs flux. Dans une telle situation, vous pouvez combiner tous les éléments de différents tableaux en un seul tableau. JavaScript prend en charge le Immuable et Mutable fusion des tableaux, et chaque approche est basée sur des méthodes spécifiques.

Cet article expliquera la procédure pour fusionner les tableaux en JavaScript à l'aide d'exemples appropriés. Alors, commençons!

Comment fusionner les tableaux en javascript

JavaScript propose deux façons de fusionner les tableaux: fusion immuable et fusion mutable.

Fusion immuable des tableaux

En fusion immuable, un nouveau tableau est créé après avoir fusionné les éléments des tableaux spécifiés. Javascript "diffuser«Opérateur et«déployer.concat ()«La méthode est utilisée pour la fusion immuable des tableaux.

Fusion mutable des tableaux

La méthode mutable de fusion des tableaux est utilisée pour effectuer l'opération de fusion dans un tableau existant. "déployer.pousser()«La méthode peut être utilisée pour pousser les éléments d'un tableau à un autre.

Maintenant, vérifions la procédure d'utilisation de chacune des méthodes spécifiées en JavaScript.

Comment fusionner les tableaux en javascript à l'aide de l'opérateur de propagation

L'opérateur de propagation a été introduit dans ES6, représenté par trois points consécutifs "… ". Il est utilisé pour la destruction des tableaux et les fusionner en conséquence.

Syntaxe de l'utilisation de l'opérateur de propagation pour fusionner des tableaux en javascript

Dans la syntaxe divisée ci-dessous, vous devez spécifier les tableaux qui doivent être fusionnés précédant l'opérateur de propagation "… ", Dans le tableau littéral"[]»:

const fusionArray = [… array1,… array2];

Ici, JavaScript générera un nouveau "fusionnaire"Qui comprend les éléments de"Array1" et "Array2".

Exemple: comment fusionner les tableaux en javascript à l'aide de l'opérateur de propagation

Tout d'abord, nous créerons deux tableaux nommés «filles" et "garçons,«Qui aura les éléments suivants:

const Girls = [«Marie», «Stepheny»];
const boys = ['Alex', 'max'];

À l'étape suivante, nous utiliserons l'opérateur de diffusion JavaScript pour fusionner «filles" et "garçons"Arrassez des éléments dans un nouveau"personnes" déployer:

Const People = [… filles,… garçons];
console.journal (les gens);

L'exécution du programme ci-dessus affichera la sortie suivante:

L'ordre dans lequel vous spécifiez des tableaux dans le tableau de réalité est important car les éléments seront fusionnés dans la même séquence dans laquelle des tableaux sont ajoutés. Ainsi, vous pouvez sélectionner si vous souhaitez insérer les éléments avant ou après les autres éléments du tableau.

Par exemple, nous voulons fusionner les deux tableaux, "filles" et "garçons,«Utilisation de l'opérateur de propagation de telle manière que les éléments du«garçons«Le tableau vient avant le«filles»Éléments de tableau. À cette fin, nous spécifierons «garçons" avant le "filles”Array dans le tableau littéral:

const Girls = [«Marie», «Stepheny»];
const boys = ['Alex', 'max'];
Const People = [… garçons,… filles];
console.journal (les gens);

Sortir

Comme vous pouvez le voir, l'indice de départ du «personnes»Le tableau contient le«garçons«Élément de tableau, et après cela, d'autres index font référence«filles»Éléments de tableau.

Comment fusionner les tableaux en javascript à l'aide de la méthode concat ()

"concat ()"Est l'une des méthodes JavaScript les plus utiles, et elle est principalement utilisée pour fusionner plusieurs tableaux dans un nouveau tableau.

Syntaxe de la méthode Concat () en javascript

Si vous souhaitez fusionner des tableaux en utilisant le javascript "concat ()”Méthode, alors ce sont les deux formes de la syntaxe de la méthode CONCAT ():

const fusionArray = array1.concat (array2);

OU

const fusionaRray = [].concat (array1, array2);

Sous la première forme, le «concat ()"La méthode fusionnera les éléments de"Array2" dans "Array1», Alors que, sous la deuxième forme de syntaxe,«Array1" et "Array2«Les éléments sont fusionnés dans un tableau vide.

Exemple: comment fusionner les tableaux en javascript à l'aide de la méthode concat ()

L'exemple suivant fusionnera les éléments de «filles"Array avec"garçons"En utilisant le"déployer.concat ()" méthode:

const Girls = [«Marie», «Stepheny»];
const boys = ['Alex', 'max'];
Const People = Girls.Concat (garçons);
console.journal (les gens);

Jetez un œil à la sortie en dessous:

Maintenant, nous allons exécuter le même exemple, tout en utilisant l'autre syntaxe de la méthode Concat ():

const Girls = [«Marie», «Stepheny»];
const boys = ['Alex', 'max'];
Const People = [].Concat (filles, garçons);
console.journal (les gens);

Le programme JavaScript donné fusionnera également les tableaux spécifiés de la même manière:

Comment fusionner les tableaux en javascript à l'aide de la méthode push ()

Si vous souhaitez fusionner les éléments du tableau mutable, tout ce dont vous avez besoin est d'utiliser le javascript "pousser()" méthode. En utilisant cette méthode, vous pouvez facilement fusionner plusieurs tableaux dans un tableau existant.

Syntaxe de la méthode push () en javascript

Array1.push (… array2);

Pour pousser les éléments de "Array2" dans "Array1", Vous devez appliquer l'opérateur de propagation"… «Aux arguments.

Exemple: fusion des tableaux en javascript à l'aide de la méthode push ()

L'exemple suivant utilisera le «déployer.pousser()«Méthode pour fusionner ou pousser les éléments de«filles"Array dans"garçons" déployer:

const Girls = [«Marie», «Stepheny»];
const boys = ['Alex', 'max'];
garçons.Push (… les filles);
console.journal (garçons);

Maintenant, consultez la séquence des éléments du "garçons" déployer:

Ajouter "diffuser«L'opérateur est important lors de la transmission des arguments au«pousser()»Méthode, sinon, le«pousser()"La méthode ajoutera le"filles"Array dans son ensemble au"garçons" déployer:

const Girls = [«Marie», «Stepheny»];
const boys = ['Alex', 'max'];
garçons.Push (filles);
console.journal (garçons);

La sortie donnée signifie qu'après l'exécution de la méthode push (), le «filles"Le tableau est ajouté dans son ensemble au deuxième indice du"garçons" déployer:

C'est toutes les informations essentielles sur la fusion des tableaux en JavaScript en utilisant la méthode mutable et immuable. Maintenant, vous pouvez les explorer davantage en fonction de vos exigences.

Conclusion

Pour fusionner les tableaux en javascript, vous pouvez utiliser le déployer.concat () méthode ou le opérateur de propagation [… Array1,… Array2], dans le tableau «[]» pour fusionner les tableaux de manière immuable (créant un nouveau tableau). Cependant, si vous souhaitez fusionner les éléments de tableau spécifiés dans un tableau existant mutuellement, vous pouvez utiliser le déployer.pousser() méthode. Cet article a expliqué la procédure de fusion des tableaux en JavaScript à l'aide d'exemples appropriés.