Comment fusionner / aplatir un tableau de tableaux - JavaScript

Dans diverses situations, les développeurs doivent fusionner ou aplatir les tableaux en un seul tableau. Par exemple, la conversion de réseaux bidimensionnels ou multidimensionnels en un seul tableau sous forme de réseau unidimensionnel, combinant les tableaux imbriqués des mêmes données typées en un seul tableau, etc.

Cet article illustrera les méthodes de fusion ou d'aplatir une gamme de tableaux en JavaScript.

Comment fusionner / aplatir un tableau de tableaux en javascript?

Pour fusionner ou aplatir un tableau de tableaux, utilisez les approches suivantes:

• méthode plate ()
• Méthode concat () avec la méthode applique ()
• Méthode réduir ()

Méthode 1: fusionner / aplatir un tableau de tableaux à l'aide de la méthode «Flat ()»

Pour fusionner ou aplatir un tableau de tableaux, utilisez le «plat()" méthode. Il crée un nouveau tableau aplati en s'appelant récursivement sur les sous-terrains. Cette méthode prend également le «profondeur»Paramètre qui indique la profondeur de l'appel de méthode récursive. C'est un paramètre facultatif.

Exemple
Créez un tableau contenant trois tableaux par tableau numérique, un tableau booléen et un tableau de chaîne:

var array = [[1, 2, 3, 4], [true, false], ["x", "y", "z"]];

Appelez la méthode Flat () avec un tableau:

déployer.plat();

On peut voir que les tableaux ont été fusionnés avec succès dans le tableau unique:

Méthode 2: fusionner / aplatir un tableau de tableaux en utilisant la méthode «concat ()» avec la méthode «appliquer ()»

Utilisez le "concat () " Méthode avec le «appliquer()«Méthode pour fusionner ou aplatir un tableau de tableaux. La méthode concat () est utilisée pour fusionner deux tableaux ou plus dans un nouveau tableau. Il ne modifie pas le tableau d'origine.

Exemple
Créez un tableau vide nommé «Arr»:

var arr = [];

Invoquez la méthode Concat () avec la méthode Apply () et passez le tableau vide et le tableau de tableaux pour fusionner tous les éléments des tableaux dans un tableau vide:

art.concat.postuler (arr, tableau);

Sortir

Méthode 3: fusionner / aplatir un tableau de tableaux en utilisant la méthode «réduction ()»

Vous pouvez également utiliser le «réduire()«Méthode pour fusionner ou aplatir un tableau de tableaux. Cette méthode accepte deux paramètres, une fonction de rappel et une valeur initiale qui est un paramètre facultatif. La fonction de rappel s'appliquera à chaque élément d'un tableau.

Exemple
Appelez la méthode Reduce () sur le tableau et transmettez un tableau vide avec la fonction de rappel comme un argument pour fusionner ou aplatir le tableau des tableaux:

déployer.réduire ((arr, val) =>
retourr arr.Concat (Val)
, []);

On peut observer que les tableaux sont fusionnés avec succès dans un tableau unique:

Il s'agissait de fusionner / d'aplatir un tableau de tableaux en javascript.

Conclusion

Pour fusionner ou aplatir un tableau de tableaux, utilisez le «plat()"Méthode, le"concat ()«Méthode avec le«appliquer()«Méthode, ou le«réduire()" méthode. Toutes les méthodes fonctionnent bien, vous pouvez en sélectionner tout pour fusionner ou aplatir les tableaux. Cet article a illustré les méthodes d'aplatissement ou de fusion d'un tableau de tableaux en javascript.