Hvordan fjerne dupliserte elementer fra JavaScript -matrisen?

Hvordan fjerne dupliserte elementer fra JavaScript -matrisen?

I JavaScript kan vi utføre forskjellige oppgaver på matriser som Popping/Pushing Array -elementer, fjerne dupliserte elementer, sammenkoblende matriserelementer og så videre. Å fjerne dupliserte elementer fra en matrise er en veldig enkel, men veldig avgjørende oppgave i programmererens liv. Derfor tilbyr JavaScript mange tilnærminger for å fjerne dupliserte elementer fra en matrise som bruk av JavaScript -sett, IndexOf () -metode, filter () -metode og så videre.

Dette innlegget vil forklare de undergitte metodene for å slette duplikat-matriseelementene i JavaScript:

  • Hvordan du bruker sett i javascript for å fjerne dupliserte matriseelementer?
  • Hvordan fjerne dupliserte matriseelementer ved hjelp av indexOf () -metoden
  • Hvordan fjerne dupliserte matriseelementer ved hjelp av filter () -metode

Så uten ytterligere forsinkelse, la oss komme i gang!

Hvordan du bruker sett i javascript for å fjerne dupliserte matriseelementer?

Et sett i JavaScript lar oss lagre de unike elementene av hvilken som helst datatype som primitive eller objektreferanser. Dette betyr at hver verdi bare vil skje en gang i en samling.

Eksempel: Fjern dupliserte elementer ved hjelp av sett

La oss vurdere kodebiten nedenfor der vi har en matrise som heter “språk”Som består av noen dupliserte elementer. Oppgaven er å fjerne de dupliserte elementene ved hjelp av JavaScript -sett:

1
2
3
4
var språk = ["Java", "JavaScript", "Java", "C ++", "C", "Java", "C ++", "JavaScript", "C ++", "Java"];
konsoll.Logg ("Original Array:", språk);
var uniquelanguages ​​= [nytt sett (språk)];
konsoll.Logg ("Filtrert matrise:", unikveluages);

I dette programmet utførte vi følgende funksjonaliteter:

  • Opprettet en matrise som inneholder dupliserte elementer.
  • Brukt konsoll.Log () Metode for å skrive ut originale matriseelementer.
  • Opprettet et sett ved hjelp av den nye SET () -metoden som heter “Uniquelanguages”, og passerte det en matrise i.e. “Språk”.
  • Følgelig fjernet "UniquelIntuages" -settet de dupliserte språkene og returnerte bare unike elementer:

På denne måten kan vi bruke JavaScript -settet for å fjerne dupliserte elementer fra en matrise.

Hvordan fjerne dupliserte matriseelementer ved hjelp av indexOf () -metoden?

Det er en forhåndsdefinert funksjon i JavaScript som brukes til å få første forekomst av et matriseelement. Det er en case -sensitiv metode og den returnerer -1 hvis den ikke klarer å identifisere en spesifikk verdi. I JavaScript kan vi bruke IndexOf () -metoden sammen med Push () -metoden for å fjerne duplikatelementene fra en matrise.

Eksempel: Fjern dupliserte elementer ved hjelp av indexOf () -metoden

I dette eksemplet vil vi bruke indexOf () -metoden sammen med Push () -metoden for å slette duplikatelementene fra den gitte matrisen:

1
2
3
4
5
6
7
8
9
10
11
12
1. 3
var språk = ["Java", "JavaScript", "Java", "C ++", "C", "Java", "C ++", "JavaScript", "C ++", "Java"];
funksjon findUniqueElements (språk)
var uniquelanguages ​​= [];
for (i = 0; i< languages.length; i++)

if (unikveluages.indexof (språk [i]) === -1)
Unikvelveier.Push (språk [i]);


Returner unikvelveier;

konsoll.logg ("resulterende matrise:", findUniqueelements (språk));

Dette eksempelprogrammet vil tjene de undergitte funksjonalitetene:

  • For det første opprettet vi en matrise som heter "språk" som består av dupliserte elementer.
  • Deretter opprettet vi en funksjon som heter "FindUniqueElements", og vi ga "språk" -arrayen til "FindUniqueElements" -funksjonen som et argument.
  • Deretter opprettet vi et tomt utvalg og kalte det “unikveluages”.
  • Etterpå benyttet vi av for -loopen til å krysse gjennom "språk" -arrayen.
  • Deretter benyttet vi indexOf () -metoden innenfor påstanden.
  • Innenfor påstand vil indeksen () -metoden sjekke om verdien som er til stede ved den gjeldende indeksen for "språk" -array. Hvis ja, blir ikke kroppen til IF-staten utført.
  • Selv om verdien som er til stede på den gjeldende indeksen for "språk" -arrayen ikke eksisterer i "unikveluages" -arrayen, vil kroppen til IF-staten utføres i et slikt tilfelle.
  • Innenfor kroppen av IF-uttalelsen benyttet vi Push () -metoden for å legge til de unike elementene i "unikveluages" -arrayen.
  • Til slutt benyttet vi konsollen.Log () Metode for å skrive ut matrisen med unike elementer:

Slik kan vi få en rekke unike elementer ved å bruke metodene IndexOf () og push ().

Hvordan fjerne dupliserte elementer ved hjelp av JavaScript -filter () -metoden?

Filter () -metoden i JavaScript skaper en ny rekke bare de elementene som består en spesifikk test.

Eksempel: Fjern duplikatelementer ved hjelp av filter () -metoden

I dette programmet vil vi bruke filter () -metoden sammen med IndexOf () -metoden for å fjerne duplikatelementene fra en matrise:

1
2
3
4
5
6
var språk = ["Java", "JavaScript", "Java", "C ++", "C", "Java", "C ++", "JavaScript", "C ++", "Java"];
funksjon findUniqueElements (språk)
Returspråk.filter ((element, posisjon) => språk.indeks av (element) === posisjon);

konsoll.logg ("resulterende matrise:", findUniqueelements (språk));

Ovennevnte program vil utføre følgende funksjonaliteter:

  • For det første opprettet en rekke dupliserte elementer.
  • Deretter opprettet vi en funksjon som heter FindUniqueElements, og passerte den den gitte arrayen I.e., språk.
  • Innenfor funksjonen benyttet vi filtermetoden sammen med IndexOf () -metoden for å få en rekke unike elementer.
  • Til slutt benyttet vi konsollen.Log () Metode for å skrive ut den filtrerte matrisen på konsollen som vist i den undergitte arrayen:

Slik kan vi fjerne duplikatelementene fra en matrise ved hjelp av filtermetoden.

Konklusjon

I JavaScript kan flere metoder brukes til å fjerne dupliserte matriseelementer for eksempel forekomsten av (), filter () og nytt sett (). For eksempel lar et sett i JavaScript oss lagre de unike elementene av hvilken som helst datatype som primitive eller objektreferanser. Så vi kan bruke JavaScript -settet () for å slette duplikat -matriseelementene. Tilsvarende oppretter filter () -metoden i JavaScript en ny rekke bare de elementene som består en spesifikk test. Så, filter () -metoden kan brukes til å få en rekke unike elementer.

Denne artikkelen forklarte forskjellige metoder for å fjerne dupliserte elementer fra en matrise ved hjelp av noen passende eksempler.