Array di fusione e concatenante JavaScript

JavaScript è un linguaggio di script/programmazione basato su oggetti che viene utilizzato come linguaggio web front-end. Quando gli sviluppatori devono rendere un po 'di animazione o rendere il sito Web più interattivo, JavaScript è il linguaggio dietro tutta la interattività.

Come tutti sappiamo che gli array vengono solitamente utilizzati per archiviare lo stesso tipo di dati o informazioni. Quando si tratta di eseguire alcune modifiche dinamiche come mostrare i dati di due tabelle in un posto sul front-end, invece di interrogare indietro dal back-end, possiamo eseguire alcune funzionalità di base sul front-end.

In questo post, avremo una guida dettagliata su come unire o concattere più array in JavaScript.

Qual è il metodo Concat () in JavaScript

Unire due o più array in JavaScript, il concat () viene utilizzata la funzione. La sintassi per la concatenazione di più array usando il metodo Concat è:

Array_name.Concat (First_array, Second_array,…, n_array)

• IL concat () La funzione prende più array come parametro e li unisce come un array.
• IL concat () La funzione restituisce un nuovo array e non influisce sull'array originale.

Proviamo a unirci a due array e a una migliore comprensione del concat () funzione.

Nota: Useremo la console del browser per dimostrare esempi eseguiti in questo post. Per aprire la console del browser:

• Usa il F12 Chiave in Chrome e in altri browser a base di cromo.
• Utilizzo Ctrl + shift + k tasti di scorciatoia da tastiera per mozilla.
• Utilizzo Opzione + ⌘ + C tasti di scelta rapida della tastiera in Safari (se il menu degli sviluppatori non viene visualizzato, aprire le preferenze premendo ⌘ +e nella scheda avanzata, controlla "Mostra il menu Sviluppa nella barra dei menu").

Come usare la funzione concat () in javascript

Supponiamo di avere due array e vogliamo renderli un singolo array:

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

Per concatarli in un array, verrà utilizzata la seguente dichiarazione:

var arr3 = arr1.concat (arr2);

Ora, se consolemo il arr3:

console.log (arr3);

Puoi vedere che due array ARR1 E arr2, sono concatenati in arr3.

Ora, diciamo che vogliamo concaterare questi tre array. Verrà utilizzato più array a seguito di un frammento di codice:

var arr4 = arr1.concat (arr2, arr3);

Un altro modo per svolgere lo stesso compito sarebbe così:

var arr4 = [].concat (arr1, arr2, arr3);

Ora, se diamo un'occhiata al arr4:

console.log (arr4);

Puoi vedere che tutti e tre gli array sono uniti al arr4 Come ci aspettiamo che faccia.

Ecco come possiamo unire due array usando il metodo Concat.

Array concatena con operatore di diffusione in JavaScript

Un altro modo per unire più array in JavaScript è utilizzare l'operatore di diffusione. La fusione di due array usando un operatore di diffusione è davvero semplice. Basta preparare tre punti al nome dell'array e fornirli come elemento di array a un nuovo array.

Ad esempio, abbiamo due array:

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

Ora per unirsi a loro usando l'operatore di diffusione, usa semplicemente la seguente istruzione:

var arr3 = [… arr1,… arr2]

Ora, console il arr3 verificare:

console.log (arr3);

Potete vederlo ARR1 E arr2 sono uniti perfettamente usando l'operatore di diffusione.

Conclusione

IL concat () Il metodo è utile quando si manipola i dati presenti in array senza modificare gli array originali. Quando lavoriamo su applicazioni Web, potremmo aver bisogno di mostrare i dati di diversi array combinati. Possiamo farlo usando il contatto() Metodo in JavaScript. Questo metodo ci aiuterà a svolgere il nostro compito senza modificare gli array effettivi che potrebbero essere necessari più avanti nel loro stato originale.

In questa guida pratica, abbiamo imparato a usare il concat () funzione in javascript. Inoltre, abbiamo anche imparato a utilizzare l'operatore di diffusione, che viene anche utilizzato per unire gli array. L'operatore di diffusione è diventato un modo più popolare di fondere gli array negli ultimi tempi.