Comment puis-je transposer facilement un tableau 2D en JavaScript ?

Transposer facilement un tableau 2D en JavaScript

Transposer un tableau 2D implique de convertir des lignes en colonnes et vice versa. Ceci est souvent effectué pour remodeler les données en fonction d'exigences de traitement spécifiques. Bien que l'utilisation de boucles pour y parvenir soit courante, il existe une approche plus pratique.

Considérez le tableau 2D suivant :

[
    [1,2,3],
    [1,2,3],
    [1,2,3],
]

Pour le transposer en :

[
    [1,1,1],
    [2,2,2],
    [3,3,3],
]

Vous pouvez exploiter la puissance de la carte :

output = array[0].map((_, colIndex) => array.map(row => row[colIndex]));

Comprendre la carte Function

map parcourt chaque élément d'un tableau, appliquant une fonction de rappel pour transformer les éléments. La sortie est un nouveau tableau contenant les valeurs transformées.

Décomposition du code de transposition

• array[0] accède à la première ligne du tableau d'entrée.
• La fonction de rappel (_, colIndex) reçoit l'élément (_) et son index de colonne (colIndex).
• À l'intérieur du rappel, array.map(row => row[colIndex]) parcourt chaque ligne, extrayant l'élément à l'index de colonne spécifié.
• Le résultat est un nouveau tableau de valeurs de colonnes.

Conclusion

Ceci une approche concise utilisant la carte rationalise le processus de transposition, éliminant le besoin de boucles imbriquées et simplifiant considérablement le code.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!