JavaScript fusionnant et concaténant les tableaux

JavaScript est un langage de script / programmation basé sur des objets qui est utilisé comme un langage Web frontal. Lorsque les développeurs doivent faire une animation ou rendre le site Web plus interactif, JavaScript est la langue derrière toute l'interactivité.

Comme nous savons tous que les tableaux sont généralement utilisés pour stocker le même type de données ou d'informations. Lorsqu'il s'agit d'effectuer des changements dynamiques comme affichant les données de deux tables à un endroit sur le front-end, au lieu de remettre en revue de l'arrière-end, nous pouvons effectuer des fonctionnalités de base sur le frontal.

Dans cet article, nous aurons un guide détaillé sur la façon de fusionner ou de concat plusieurs tableaux en JavaScript.

Quelle est la méthode concat () en javascript

Pour fusionner deux tableaux ou plus en javascript, le concat () La fonction est utilisée. La syntaxe pour concaténer plusieurs tableaux à l'aide de la méthode Concat est:

array_name.concat (premier_array, second_array,…, n_array)

• Le concat () La fonction prend plusieurs tableaux en tant que paramètre et les rejoint comme un tableau.
• Le concat () La fonction renvoie un nouveau tableau et n'affecte pas le tableau d'origine.

Essayons de rejoindre deux tableaux et de mieux comprendre le concat () fonction.

Note: Nous utiliserons la console du navigateur pour démontrer des exemples effectués dans ce post. Pour ouvrir la console du navigateur:

• Utilisez le F12 Clé dans Chrome et autres navigateurs à base de chrome.
• Utiliser Ctrl + shift + k Clés de raccourci clavier pour Mozilla.
• Utiliser Option + ⌘ + C Clés de raccourci clavier dans Safari (si le menu du développeur n'apparaît pas, ouvrez les préférences en appuyant sur ⌘ + et dans l'onglet avancé, vérifiez "Afficher le menu de développement dans la barre de menus").

Comment utiliser la fonction concat () en javascript

Supposons que nous ayons deux tableaux et que nous voulons en faire un seul tableau:

var arr1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Pour les concat dans un tableau, la déclaration suivante sera utilisée:

var arr3 = arr1.CONCAT (ARR2);

Maintenant, si nous consolons le Arr3:

console.log (arr3);

Vous pouvez voir que deux tableaux Arr1 et Arr2, sont concaténés en Arr3.

Maintenant, disons que nous voulons concaténer ces trois tableaux. Pour rejoindre plusieurs tableaux suivants, l'extrait de code sera utilisé:

var arr4 = arr1.CONCAT (ARR2, ARR3);

Une autre façon de faire la même tâche serait celle-ci:

var arr4 = [].CONCAT (ARR1, ARR2, ARR3);

Maintenant, si nous jetons un coup d'œil au Arr4:

console.log (arr4);

Vous pouvez voir que les trois tableaux sont fusionnés dans le Arr4 Comme nous nous attendons à ce qu'il fasse.

C'est ainsi que nous pouvons fusionner deux tableaux en utilisant la méthode Concat.

COMPATENAT TAIRMES UTILISATIONS USIN

Une autre façon de fusionner plusieurs tableaux en JavaScript est d'utiliser l'opérateur de propagation. La fusion de deux tableaux à l'aide d'un opérateur d'écart est vraiment simple. Il suffit de représenter trois points au nom du tableau et de les fournir en tant qu'élément de tableau à un nouveau tableau.

Par exemple, nous avons deux tableaux:

var arr1 = [10,20,30,40];
var arr2 = [50,60,70,80];

Maintenant, pour les rejoindre à l'aide de l'opérateur de propagation, utilisez simplement l'énoncé suivant:

var arr3 = [… arr1,… arr2]

Maintenant, console le Arr3 vérifier:

console.log (arr3);

Tu peux voir ça Arr1 et Arr2 sont rejoints parfaitement en utilisant l'opérateur de propagation.

Conclusion

Le concat () La méthode est utile lors de la manipulation des données présentes dans les tableaux sans modifier les tableaux d'origine. Lorsque vous travaillez sur des applications Web, nous pourrions devoir afficher les données de différents tableaux combinés. Nous pouvons le faire en utilisant le contact() Méthode en javascript. Cette méthode nous aidera à effectuer notre tâche sans modifier les tableaux réels qui pourraient être nécessaires plus tard dans leur état d'origine.

Dans ce guide pratiques, nous avons appris à utiliser le concat () fonction dans javascript. De plus, nous avons également appris à utiliser l'opérateur de propagation, qui est également utilisé pour fusionner les tableaux. L'opérateur de propagation est devenu une façon plus populaire de fusionner les tableaux ces derniers temps.