Come unire le matrici in javascript

Una raccolta di oggetti o elementi è chiamata Vettore. Gli array possono archiviare i dati come elementi, quindi puoi accedervi quando richiesto. È una struttura di dati comunemente usata in diversi linguaggi di programmazione, incluso JavaScript.

Esistono possibilità di cui potresti aver bisogno unire Array se i dati provengono da più flussi. In una situazione del genere, puoi combinare tutti gli elementi di diversi array in un singolo array. JavaScript supporta il Immutabile E Mutevole Fusione di array e ogni approccio si basa su metodi specifici.

Questo articolo spiegherà la procedura per unire gli array in JavaScript con l'aiuto di esempi adeguati. Quindi iniziamo!

Come unire le matrici in javascript

JavaScript offre due modi per unire gli array: fusione immutabile e mutabile.

Fusione immutabile di array

Nella fusione immutabile, viene creato un nuovo array dopo aver unito gli elementi degli array specificati. Javascript "diffusione"Operatore e"vettore.concat ()"Il metodo è utilizzato per la fusione immutabile degli array.

Fusione mutabile di array

Il metodo mutabile di fusione viene utilizzato per eseguire l'operazione di fusione in un array esistente. "vettore.spingere()"Il metodo può essere utilizzato per spingere gli elementi di un array su un altro.

Ora, controlliamo la procedura di utilizzo di ciascuno dei metodi specificati in JavaScript.

Come unire gli array in JavaScript utilizzando l'operatore di diffusione

L'operatore di diffusione è stato introdotto in ES6, rappresentato da tre punti consecutivi ".. ". È usato per le matrici di distruzione e fondendoli di conseguenza.

Sintassi dell'utilizzo dell'operatore di diffusione per la fusione di array in JavaScript

Nella sintassi seguente, è necessario specificare gli array che devono essere uniti in precedenza con l'operatore di diffusione ".. ", Nell'array letterale"[":

const mimmedArray = [... array1, ... array2];

Qui, JavaScript genererà un nuovo "FledEdArray"Che comprende gli elementi di"Array1" E "Array2".

Esempio: come unire gli array in JavaScript utilizzando l'operatore di diffusione

Prima di tutto, creeremo due array chiamati "ragazze" E "ragazzi,"Che avrà i seguenti elementi:

const Girls = ['Marie', 'Stepheny'];
const boys = ['Alex', 'max'];

Nel prossimo passaggio, useremo l'operatore di diffusione JavaScript per la fusione "ragazze" E "ragazzi"Elementi di array in un nuovo"persone" vettore:

const People = [... ragazze, ... ragazzi];
console.registro (persone);

L'esecuzione del programma di cui sopra mostrerà il seguente output:

L'ordine in cui si specifica gli array nel letterale dell'array conta poiché gli elementi verranno uniti nella stessa sequenza in cui vengono aggiunti gli array. Quindi, puoi selezionare se si desidera inserire gli elementi prima o dopo gli altri elementi di array.

Ad esempio, vogliamo unire entrambi gli array, "ragazze" E "ragazzi,"Utilizzando l'operatore di diffusione in modo tale che gli elementi del"ragazzi"Array vieni prima del"ragazze"Elementi di array. A tale scopo, specificheremo "ragazzi" prima di "ragazze"Array nell'array letterale:

const Girls = ['Marie', 'Stepheny'];
const boys = ['Alex', 'max'];
const People = [... ragazzi, ... ragazze];
console.registro (persone);

Produzione

Come puoi vedere, l'indice iniziale del "personeL'array contiene il "ragazzi"Elemento array, e successivamente, altri indici si riferiscono"ragazze"Elementi di array.

Come unire le matrici nel metodo JavaScript usando il metodo Concat ()

"concat ()"È uno dei metodi JavaScript più utili ed è utilizzato principalmente per unire più array in un nuovo array.

Sintassi del metodo Concat () in JavaScript

Se vuoi unire le matrici usando il JavaScript "concat ()"Metodo, quindi queste sono le due forme di sintassi del metodo Concat ():

const MaldEdArray = Array1.concat (array2);

O

const MaldEdArray = [].concat (array1, array2);

Nella prima forma, il "concat ()"Il metodo unisce gli elementi di"Array2" In "Array1", Mentre, nella seconda forma di sintassi,"Array1" E "Array2"Gli elementi vengono uniti in un array vuoto.

Esempio: come unire le matrici nel metodo JavaScript usando Concat ()

L'esempio seguente unirà gli elementi di "ragazze"Array con"ragazzi"Utilizzando il"vettore.concat ()" metodo:

const Girls = ['Marie', 'Stepheny'];
const boys = ['Alex', 'max'];
const People = Girls.concat (ragazzi);
console.registro (persone);

Dai un'occhiata all'output di seguito:

Ora eseguiremo lo stesso esempio, durante l'utilizzo dell'altra sintassi del metodo Concat ():

const Girls = ['Marie', 'Stepheny'];
const boys = ['Alex', 'max'];
const People = [].concat (ragazze, ragazzi);
console.registro (persone);

Il programma JavaScript dato unire anche gli array specificati allo stesso modo:

Come unire le matrici nel metodo JavaScript usando il metodo push ()

Se vuoi unire mutabilmente elementi di array, tutto ciò di cui hai bisogno è usare il javascript "spingere()" metodo. Utilizzando questo metodo, è possibile unire facilmente più array in un array esistente.

Sintassi del metodo push () in javascript

Array1.push (... array2);

Per spingere gli elementi di "Array2" In "Array1"Devi applicare l'operatore di diffusione".. "Agli argomenti.

Esempio: unione array in javascript usando il metodo push ()

Il seguente esempio utilizzerà il "vettore.spingere()"Metodo per unire o spingere gli elementi di"ragazze"Array in"ragazzi" vettore:

const Girls = ['Marie', 'Stepheny'];
const boys = ['Alex', 'max'];
ragazzi.Push (... ragazze);
console.log (ragazzi);

Ora, dai un'occhiata alla sequenza di elementi del "ragazzi" vettore:

Aggiunta "diffusione"L'operatore è importante mentre passa gli argomenti al"spingere()Metodo ", altrimenti,"spingere()Il metodo "aggiungerà il"ragazze"Array nel suo insieme al"ragazzi" vettore:

const Girls = ['Marie', 'Stepheny'];
const boys = ['Alex', 'max'];
ragazzi.push (ragazze);
console.log (ragazzi);

Dato l'output significa che dopo l'esecuzione del metodo push (), "ragazze"L'array viene aggiunto nel suo insieme al secondo indice del"ragazzi" vettore:

Queste sono tutte le informazioni essenziali sulla fusione di array in JavaScript usando il metodo mutabile e immutabile. Ora puoi esplorarli ulteriormente in base alle tue esigenze.

Conclusione

Per unire gli array in JavaScript, puoi utilizzare il vettore.concat () metodo o il operatore di diffusione [... Array1, ... Array2], nell'array letterale "[]" per unire gli array in modo immutabile (creando un nuovo array). Tuttavia, se si desidera unire gli elementi di array specificati in un array esistente muta, puoi usare il vettore.spingere() metodo. Questo articolo ha spiegato la procedura per unire gli array in JavaScript con l'aiuto di esempi adeguati.