Maison >interface Web >js tutoriel >Comment puis-je combiner deux tableaux JavaScript en un seul tableau ?

Comment puis-je combiner deux tableaux JavaScript en un seul tableau ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-15 12:41:03360parcourir

How can I combine two JavaScript arrays into a single array?

Concaténation de tableaux en JavaScript

En JavaScript, les tableaux sont utilisés pour stocker des collections ordonnées de données. Combiner plusieurs tableaux en un seul peut être une tâche courante en programmation. Ce didacticiel montrera comment concaténer deux tableaux pour créer un nouveau tableau fusionné.

Énoncé du problème

Étant donné deux tableaux en JavaScript :

var lines1 = ["a", "b", "c"];
var lines2 = ["d", "e", "f"];

Le but est de combiner ces deux tableaux en un seul tableau de telle sorte que le tableau résultant contienne les éléments des deux tableaux, les éléments du deuxième tableau suivant le premier.

Solution

JavaScript fournit une méthode pratique appelée concat qui peut être utilisée pour concaténer des tableaux. La méthode concat prend un ou plusieurs tableaux comme arguments et renvoie un nouveau tableau contenant la concaténation des tableaux fournis.

Pour concaténer les deux tableaux donnés, on peut utiliser le code suivant :

var mergedArray = lines1.concat(lines2);

La variable mergedArray contient désormais un nouveau tableau qui contient les éléments des lignes1 et des lignes2 :

["a", "b", "c", "d", "e", "f"]

Accès aux éléments du tableau concaténé

Une fois les tableaux sont concaténés, vous pouvez accéder aux éléments du tableau résultant en utilisant la syntaxe d'indexation de tableau standard. Par exemple, le code suivant accédera au quatrième élément du mergedArray :

console.log(mergedArray[3]); // Outputs "d"

Conclusion

La méthode concat fournit un moyen simple et efficace de concaténer des tableaux dans JavaScript. En utilisant concat, vous pouvez combiner plusieurs tableaux en un seul tableau cohérent contenant les éléments de chacun des tableaux d'origine.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn