Come rimuovere elementi duplicati dall'array JavaScript?

Come rimuovere elementi duplicati dall'array JavaScript?

In JavaScript, possiamo eseguire vari compiti su array come gli elementi di array di scoppietti. Rimuovere elementi duplicati da un array è un compito molto semplice ma molto cruciale nella vita del programmatore. Pertanto, JavaScript offre numerosi approcci per la rimozione di elementi duplicati da un array come l'uso del set di JavaScript, il metodo IndexOf (), il metodo Filter () e così via.

Questo post spiegherà i metodi di seguito per eliminare gli elementi di array duplicati in JavaScript:

  • Come utilizzare il set in javascript per rimuovere gli elementi di array duplicati?
  • Come rimuovere elementi di array duplicati usando il metodo IndexOf ()
  • Come rimuovere gli elementi di array duplicati usando il metodo Filter ()

Quindi, senza un ulteriore ritardo, iniziamo!

Come utilizzare il set in javascript per rimuovere gli elementi di array duplicati?

Un set in JavaScript ci consente di archiviare gli elementi univoci di qualsiasi tipo di dati come primitivi o riferimenti a oggetti. Ciò significa che ogni valore si verificherà una sola volta in una raccolta.

Esempio: rimuovere gli elementi duplicati usando il set

Consideriamo lo snippet di codice seguente in cui abbiamo un array chiamato "le lingue"Ciò consiste in alcuni elementi duplicati. L'attività è rimuovere quegli elementi duplicati usando il set JavaScript:

1
2
3
4
var linges = ["java", "javascript", "java", "c ++", "c", "java", "c ++", "javascript", "c ++", "java"];
console.log ("Array originale:", lingue);
var uniqueLanguages ​​= [new Set (Lingue)];
console.log ("Array filtrato:", UniqueLanguages);

In questo programma, abbiamo eseguito le seguenti funzionalità:

  • Ha creato un array che contiene elementi duplicati.
  • Console utilizzata.Metodo log () per stampare elementi di array originali.
  • Ha creato un set utilizzando il metodo nuovo set () chiamato "UniqueLanguages" e lo ha superato un array i.e. "le lingue".
  • Di conseguenza, il set di "unichelanguages" ha rimosso le lingue duplicate e restituito solo elementi unici:

In questo modo, possiamo utilizzare il set JavaScript per rimuovere gli elementi duplicati da un array.

Come rimuovere elementi di array duplicati usando il metodo IndexOf ()?

È una funzione predefinita in JavaScript che viene utilizzata per ottenere la prima occorrenza di un elemento array. È un metodo sensibile al caso e restituisce -1 se non riesce a identificare un valore specifico. In JavaScript, possiamo usare il metodo IndexOf () insieme al metodo Push () per rimuovere gli elementi duplicati da un array.

Esempio: rimuovere gli elementi duplicati usando il metodo IndexOf ()

In questo esempio utilizzeremo il metodo IndexOf () insieme al metodo push () per eliminare gli elementi duplicati dall'array dato:

1
2
3
4
5
6
7
8
9
10
11
12
13
var linges = ["java", "javascript", "java", "c ++", "c", "java", "c ++", "javascript", "c ++", "java"];
funzione finduniqueelements (lingue)
var uniqueLanguages ​​= [];
per (i = 0; i< languages.length; i++)

if (uniquelanguages.IndexOf (Lingues [i]) === -1)
Unichelanguages.push (lingue [i]);


restituire uniquelanguages;

console.log ("Array risultante:", FindUniqueElements (Lingue));

Questo programma di esempio servirà le funzionalità seguenti:

  • In primo luogo, abbiamo creato un array chiamato "Lingue" che consiste in elementi duplicati.
  • Successivamente, abbiamo creato una funzione denominata "FindUniqueElements" e abbiamo passato l'array "Lingue" alla funzione "FindUniqueElements" come argomento.
  • Successivamente, abbiamo creato un array vuoto e lo abbiamo chiamato "UniqueLanguages".
  • Successivamente, abbiamo utilizzato il ciclo per attraversare l'array "lingue".
  • Successivamente, abbiamo utilizzato il metodo IndexOf () all'interno del setament if.
  • All'interno di If-Statement, il metodo IndexOF () verificherà se il valore presente nell'indice corrente dell'array "Lingue" è già presente nell'array "UniqueLanguages" o no. Se sì, allora il corpo della sezione if non viene eseguito.
  • Mentre se il valore presente nell'indice corrente dell'array "lingue" non esiste nell'array "unichelanguages", allora il corpo della sezione if eseguirà in tale caso.
  • All'interno del corpo della sezione if, abbiamo utilizzato il metodo push () per aggiungere gli elementi unici nell'array "uniquelanguages".
  • Infine, abbiamo utilizzato la console.Metodo log () per stampare l'array di elementi unici:

Ecco come possiamo ottenere una serie di elementi unici usando i metodi IndexOf () e Push ().

Come rimuovere elementi duplicati usando il metodo JavaScript Filter ()?

Il metodo Filter () in JavaScript crea una nuova serie di solo quegli elementi che superano un test specifico.

Esempio: rimuovere gli elementi duplicati usando il metodo Filter ()

In questo programma, utilizzeremo il metodo Filter () insieme al metodo IndexOF () per rimuovere gli elementi duplicati da un array:

1
2
3
4
5
6
var linges = ["java", "javascript", "java", "c ++", "c", "java", "c ++", "javascript", "c ++", "java"];
funzione finduniqueelements (lingue)
Lingue di ritorno.filtro ((elemento, posizione) => lingue.indicef (elemento) === posizione);

console.log ("Array risultante:", FindUniqueElements (Lingue));

Il programma di cui sopra eseguirà le seguenti funzionalità:

  • In primo luogo, ha creato una serie di elementi duplicati.
  • Successivamente, abbiamo creato una funzione denominata FindUniqueElements e la abbiamo superato l'array dato i.e., le lingue.
  • All'interno della funzione, abbiamo utilizzato il metodo del filtro insieme al metodo IndexOf () per ottenere una serie di elementi unici.
  • Infine, abbiamo utilizzato la console.Metodo log () per stampare l'array filtrato sulla console come mostrato nell'array di seguito:

Ecco come possiamo rimuovere gli elementi duplicati da un array usando il metodo del filtro.

Conclusione

In JavaScript, possono essere utilizzati diversi metodi per rimuovere gli elementi di array duplicati, ad esempio, l'istanza (), il filtro () e il nuovo set (). Ad esempio, un set in JavaScript ci consente di archiviare gli elementi univoci di qualsiasi tipo di dati come primitivi o riferimenti a oggetti. Quindi, possiamo usare il set JavaScript () per eliminare gli elementi di array duplicati. Allo stesso modo, il metodo Filter () in JavaScript crea una nuova serie di solo quegli elementi che superano un test specifico. Quindi, il metodo Filter () può essere utilizzato per ottenere una serie di elementi unici.

Questo articolo ha spiegato diversi metodi per rimuovere elementi duplicati da un array usando alcuni esempi adatti.