Come unire due array in javascript e de-duplicate elementi

Può esserci un requisito durante la programmazione in JavaScript, come omettere la ripetizione degli elementi. Ad esempio, ordinare i dati in modo tale che nessun record venga ripetuto per evitare i valori della spazzatura. In tali scenari di caso, la fusione di due array in JavaScript aiuta a migliorare la rilevanza dei dati e gestire la memoria in modo efficace.

Questo tutorial dimostrerà i metodi per unire due array e de-duplicati in JavaScript.

Come unire/combinare due array e de-duplicati in JavaScript?

Per unire/combinare due array e de-duplicati in JavaScript, seguire i seguenti approcci:

• "concat ()" E "filtro()"Metodi.
• "diffusione(… )"Operatore e"Impostato()"Costruttore.

Metodo 1: unisci due array e de-duplicato in javascript usando i metodi Concat () e Filter ()

IL "concat ()"Metodo unisce due o più array e il"filtro()"Il metodo filtra gli elementi in base a una condizione e li memorizza in un nuovo array. Questi metodi possono essere applicati per unire due array ed estrarre gli elementi duplicati dall'array di fusione risultante.

Sintassi

corda.Concat (String1, String2, ..., Stringx)

Nella sintassi data:

• "corda" E "String1"Fare riferimento alle stringhe che devono essere concatenate.

vettore.Filtro (funzione (CurrentValue, Index, ARR), ThisValue)

Nella sintassi sopra:

• "funzione()": La funzione che deve essere eseguita per ogni elemento di un array. I suoi parametri indicano il valore, l'indice e l'array dell'elemento corrente.
• "questo valore": È un parametro opzionale.

Esempio

Passiamo attraverso l'esempio di seguito:

Nel blocco del codice sopra:

• Crea due array chiamati "FirstArray" E "Secondarray", Rispettivamente, e mostrarli.
• Dopodiché, applica il "concat ()"Metodo per unire e archiviare le matrici fornite nella variabile.
• Nel passaggio successivo, applica il "filtro()" E "indice di()"Metodi in combinazione tramite il"Operatore di uguaglianza rigorosa (===)"Per applicare un controllo su ciascuno degli elementi dell'array in modo tale che non venga eseguita alcuna duplicazione.
• Infine, aggiungere gli elementi filtrati in un array separato.

Produzione

L'output mostra che gli array dati vengono uniti in un array e rimuovono gli elementi duplicati.

Metodo 2: unisci due array e elementi de-duplicati in JavaScript usando il costruttore Operatore di Spread (…) e SET ()

IL "nuovo"Parola chiave, insieme al"Impostato()"Il costruttore, viene utilizzato per creare un nuovo oggetto set e il"diffusione(… )"L'operatore consente di copiare l'elemento o l'oggetto dell'array in un altro. Questi approcci possono essere utilizzati per rimuovere la duplicazione negli elementi e posizionarli in un array separato.

Sintassi

var variabile = [… valore]

In questa sintassi, "valore"Può essere un oggetto, un metodo o una funzione.

Esempio

Passiamo attraverso l'esempio del codice:

Nel frammento di codice sopra:

• Allo stesso modo, definire due array con i valori dichiarati e visualizzarli.
• Nel passaggio successivo, crea un set tramite "Impostato()"Costruttore e applicare il"Operatore di diffusione (...)", Che ometterà i valori duplicati in entrambi gli array e li memorizzerà in un array separato.
• Infine, visualizzare l'array risultante con elementi de-duplicati sulla console.

Produzione

Il risultato indica che gli array specificati sono combinati in un singolo array e le entità duplicate vengono rimosse.

Conclusione

Per unire due array e de-duplicare gli elementi in JavaScript, utilizzare il combinato "concat ()" E "filtro()Metodi o il "diffusione(… )"Operatore e"Impostato()"Costruttore. I primi approcci possono essere applicati per unire gli elementi in base a una condizione e archiviarli in un array separato. Quest'ultimo approccio può essere utilizzato per deglutire semplicemente gli elementi in un nuovo set. Questo tutorial ha dimostrato i metodi per unire/combinare due array e de-duplicati in JavaScript.