Hvordan du slår sammen to matriser i javascript og de-duplicate varer

Hvordan du slår sammen to matriser i javascript og de-duplicate varer
Det kan være et krav mens programmering i JavaScript, for eksempel å utelate repetisjonen av elementene. For eksempel å sortere dataene slik at ingen poster gjentas for å unngå søppelverdier. I slike tilfeller hjelper det å slå sammen to matriser i JavaScript med å forbedre dataens relevans og administrere minnet effektivt.

Denne opplæringen vil demonstrere metodene for å slå sammen to matriser og de-duplisere elementer i JavaScript.

Hvordan slå sammen/kombinere to matriser og de-duplisere elementer i JavaScript?

For å slå sammen/kombinere to matriser og de-duplisere elementer i JavaScript, følg følgende tilnærminger:

  • concat ()”Og“filter()”Metoder.
  • spre(… )”Operatør og“Sett()”Konstruktør.

Metode 1: Fett sammen to matriser og de-duplikat i JavaScript ved bruk av concat () og filter () -metoder

concat ()”Metode fusjonerer to eller flere matriser, og“filter()”Metode filtrerer elementene basert på en tilstand og lagrer dem i en ny matrise. Disse metodene kan brukes for å slå sammen to matriser og trekke ut de dupliserte varene fra den resulterende sammenslåtte matrisen.

Syntaks

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

I den gitte syntaks:

  • streng”Og“String1”Henvis til strengene som må samles sammen.
Array.Filter (funksjon (CurrentValue, Index, ARR), ThisValue)

I syntaks ovenfor:

  • funksjon()”: Funksjonen som må utføres for hvert element i en matrise. Parametrene indikerer det gjeldende elementets verdi, indeks og matrise.
  • denne verdien”: Det er en valgfri parameter.

Eksempel

La oss gå gjennom det under-uttalte eksemplet:

I kodeblokken ovenfor:

  • Lag to matriser som heter “FirstArray”Og“SecondArray”, Henholdsvis og viser dem.
  • Etter det, bruk "concat ()”Metode for å slå sammen og lagre de gitte matriser i variabelen.
  • I neste trinn, bruk "filter()”Og“oversikt over()”Metoder i kombinasjon via“Streng likestillingsoperatør (===)”For å bruke en sjekk på hvert av matriseelementene slik at ingen duplisering blir utført.
  • Til slutt, legg til de filtrerte elementene i en egen matrise.

Produksjon

Utgangen viser at de gitte matriser blir slått sammen i en matrise og fjerner de dupliserte varene.

Metode 2: Fett sammen to matriser og de-dupliserte elementer i JavaScript ved hjelp av spredning (...) operatør og sett () konstruktør

ny”Nøkkelord, sammen med“Sett()”Konstruktør, brukes til å lage et nytt settobjekt, og“spre(… )”Operatør lar deg kopiere elementet eller objektet til matrisen til en annen. Disse tilnærmingene kan brukes til å fjerne dupliseringen i elementene og plassere dem i en egen matrise.

Syntaks

var variabel = [... verdi]

I denne syntaksen, “verdi”Kan være et objekt, metode eller funksjon.

Eksempel

La oss gå gjennom kodeeksemplet:

I ovennevnte kodebit:

  • På samme måte definer to matriser som har de uttalte verdiene og viser dem.
  • I neste trinn, lag et sett via "Sett()”Konstruktør og bruk“Spred operatør (…)”, Som vil utelate duplikatverdiene i begge matriser og lagre dem i en egen matrise.
  • Til slutt, vis den resulterende matrisen med de-dupliserte gjenstander på konsollen.

Produksjon

Resultatet betyr at de spesifiserte matriser kombineres til en enkelt matrise, og de dupliserte enhetene fjernes.

Konklusjon

For å slå sammen to matriser og de-duplisere varene i JavaScript, bruk kombinert “concat ()”Og“filter()”Metoder eller“spre(… )”Operatør og“Sett()”Konstruktør. De tidligere tilnærmingene kan brukes for å slå sammen elementene basert på en tilstand og lagre dem i et eget utvalg. Den sistnevnte tilnærmingen kan brukes til å bare de-duplisere elementene i et nytt sett. Denne opplæringen demonstrerte metodene for å slå sammen/kombinere to matriser og de-duplisere elementer i JavaScript.