Fjern nullverdier fra en matrise i JavaScript

I matriser er å fjerne nullverdier (inkludert tomme strenger, null, udefinert og så videre) en viktig oppgave for utviklere. For å gjøre det gir JavaScript noen metoder, for eksempel en tradisjonell for loop som vil iterere matrisen og legge til verdiene i en ny matrise, metoden foreach () eller filter () -metoden.

Denne opplæringen vil illustrere metodene for å fjerne nullverdier fra JavaScript -matriser.

Hvordan fjerne nullverdier fra JavaScript -matrisen?

For å fjerne nullverdier fra en matrise, bruk JavaScript-innebygde metoder undergitt:

• • Filter () Metode
  • for sløyfe
  • foreach () -metode

Metode 1: Fjern nullverdier fra JavaScript -array ved hjelp av filter () -metode

Bruke "filter()”Metode for å fjerne nullverdier fra en matrise. Det oppretter og returnerer en ny matrise ved å legge til elementene som oppfyller kravene som er spesifisert i funksjonen.

Syntaks

Følg den gitte syntaks for filter () -metoden:

Array.Filter (funksjon (CurrentValue, Index, Array))

I syntaks ovenfor:

• • En "funksjon”Det vil bli utført for hvert element i matrisen.
  • “nåværende verdi”Viser det nåværende elementets verdi.
  • “indeks”Er det valgte elementets indeks for tiden.
  • “Array”Er matrisen som inneholder det nåværende elementet.
  • “indeks”Og“Array”Er de valgfrie argumentene, mens“funksjon”Og“nåværende verdi" er obligatoriske.

Eksempel

Lag en matrise som inneholder tall og nullverdier:

var array = [1 ,, "", 2, 56, 13, 44, null, udefinert, 85];

Ring filter () -metoden med en pilfunksjon som en tilbakekallingsfunksjon som bare velger elementene som ikke vil være lik nøkkelordet "null”Og lagrer det som resulterer i variabel”res”:

var res = matrise.filter (elementer =>
Returelementer !== null;
);

Skriv ut den resulterende matrisen på konsollen:

konsoll.logg (res);

Utgangen viser en matrise som fjerner “null”Verdi:

Fjern nå alle null, udefinerte og tomme verdier fra en matrise, og legg til disse flere forholdene med og "&&”Operatør:

var res = matrise.filter (elementer =>
Retur (elementer != null && elementer !== udefinert && elementer !== "");
);

Den gitte utgangen viser at alle de spesifiserte verdiene fra en matrise blir fjernet med hell:

Metode 2: Fjern nullverdier fra JavaScript -matrisen ved å bruke for loop

Bruk den mest tradisjonelle metoden for å iterere matrisen ved å bruke “til”Loop med“trykk()”Metode. Det vil iterere matrisen til dens lengde og skyve elementene inn i et nyopprettet utvalg.

Syntaks

Følgende syntaks av “til”Loop brukes til å fjerne nullverdier fra en matrise:

for ()
// Returerklæringer

Eksempel

Først må du lage et tomt utvalg:

var resarray = [];

Bruk for-loopen for å iterere matrisen og få ikke-nullverdiene og legge dem til en nyopprettet matrise ved å bruke "trykk()”Metode:

for (la i = 0; i < array.length; i++)
if (array [i])
Restarray.Push (Array [i]);


konsoll.Logg (Restarray);

Utgangen indikerer at for -loopen returnerer arrayen eksklusiv nullverdiene:

Metode 3: Fjern nullverdier fra en matrise ved hjelp av foreach () -metode

For å fjerne nullverdier fra en matrise, bruk "for hver()”Metode med“trykk()”Metode. For hvert element i en matrise kaller det en tilbakeringingsfunksjon.

Syntaks

Følg den gitte syntaks for foreach () -metoden:

Array.Foreach (funksjon (CurrentValue, Index, ARR)

I syntaks ovenfor,

• • En funksjon å utføre for hvert element i matrisen.
  • “nåværende verdi”Er det nåværende elementets verdi.
  • “indeks”Er indeksen for et for tiden valgt element.
  • “Array”Er matrisen som inneholder det nåværende elementet.
  • “funksjon”Og“nåværende verdi”Er obligatoriske, mens“indeks”Og“Array”Er de valgfrie parametrene.

Eksempel

Lag et tomt utvalg for å holde alle matriseelementer som ikke er null:

var resarray = [];

Deretter, ring "for hver()”Metode for å iterere matrisen og bekrefte at elementet som vurderes ikke er null inne i foreach () -metoden. Skyv deretter det elementet i matrisen inn i den tomme matrisen hvis kriteriene er oppfylt:

Array.foreach (elementer =>
hvis (elementer !== null)
Restarray.Push (Elements);

);

Skriv ut den resulterende matrisen på konsollen:

konsoll.Logg (Restarray);

Utgangen viser en matrise uten "null”Verdi:

Fjern nå alle de andre udefinerte verdiene fra en matrise ved å spesifisere følgende tilstand:

Array.foreach (elementer =>
hvis (elementer != null && elementer !== udefinert && elementer !== "")
Restarray.Push (Elements);

);

Produksjon

Vi samlet alle de beste metodene for å fjerne nullverdiene fra en matrise i JavaScript.

Konklusjon

For å fjerne nullverdier fra en matrise, bruk JavaScript -forhåndsbyggede metoder, inkludert “filter()”Metode,“til”Loop, eller“for hver()”Metode. Matrisen.Filter () -metoden er den mest brukte metoden for å fjerne nullverdiene fra en matrise. “til”Loop er den tradisjonelle metoden for å iterere matrisen og legge til elementene bortsett fra nullverdier i en matrise som bruker“trykk()”Metode. Denne opplæringen illustrerte metodene for å fjerne nullverdier fra JavaScript -matriser.