JavaScript for av | Forklart

I JavaScript, "for ... av”Uttalelse er gunstig for å hente strengen eller matriseelementene separat i tilfelle å jobbe med et spesifikt streng eller arrayelement. For eksempel, når du trenger å utføre litt beregning på alle elementene i en matrise eller vise dem samtidig. Det kan også brukes til å iterere langs kartet eller argumentobjekter.

Denne bloggen handler om bruken av JavaScript for ... av uttalelse. Så la oss starte!

Hva er JavaScript for ... av uttalelse?

“for ... av”Uttalelsen løkker gjennom verdiene til et iterable objekt som kan være en matrise, streng, sett, kart eller argument. Det brukes også til å få tilgang til alle varene samtidig ved å referere til en opprettet variabel.

Hvordan bruke JavaScript for ... av uttalelse?

For å bruke JavaScript for ... av uttalelse, bruk den medfølgende syntaks:

for (variabel av iterable)

I den gitte syntaksen, “variabel”Henviser til elementene i det spesifiserte”iterable”, Som kan være en streng eller en matrise. Merk at den nevnte variabelen kan deklareres med Const, Let eller var.

Følgende eksempler vil forklare applikasjonene til den diskuterte uttalelsen i forskjellige saksscenarier.

Eksempel 1: iterere over en matrise

I det følgende eksemplet vil vi opprette en matrise med følgende verdier:

La matrise = [10, 20, 30];

Nå, bruk “for ... av”Uttalelser for å iterere langs den spesifiserte matrisen. “punkt”Vil referere til rekke varer. Også i hver iterasjon, "2”Vil bli økt i matriseverdiene:

for (la array -varen)
element = vare + 2;
konsoll.Logg ("Array -elementene er:", element);

Utgangen fra implementeringen ovenfor vil være som følger:

Eksempel 2: iterere over en strengverdi

I dette eksemplet vil vi erklære en strengverdi som heter “Forof”:

La streng = 'forof';

Nå, iterere langs strengtegnene ved å bruke "for ... av”Uttalelse og få tilgang til strengtegnene via en variabel som heter“karakter”Og logg dem separat på konsollen:

for (la karakter av streng)
konsoll.Logg ("Strengelementene er:", karakter);

Produksjon

Eksempel 3: iterere over kartobjekter

Først må du lage et nytt kartobjekt ved å bruke "Nytt kart ()”Metode:

La mapID = nytt kart ();

Neste, bruk "sett()”Metode for å angi verdiene for den spesifiserte tasten:

mapid.sett ('navn', 'Harry');
mapid.sett ('id', 'ingen');

Nå, bruk “for ... av”Uttalelse for å iterere langs kartelementene i“mapid”Og vis dem:

for (la kart over mapId)
konsoll.Logg ("Array -elementene er:", kart);

Produksjon

Eksempel 4: iterere over angitte objekter

For det første, lage et nytt sett med "nytt sett ()”Metode med følgende verdier:

La sett = nytt sett ([10, 20]);

Neste, bruk "for ... av”Uttalelse for å få tilgang til settverdiene en etter en og logge dem på konsollen:

for (la sett med sett)
konsoll.Logg ("De angitte elementene er:", sett);

Produksjon

Eksempel 5: iterere over argumenterobjekter

For det første, definere en funksjon som heter “Forof ()”. Her, “argumenter”Er et objekt som brukes inne i funksjonen som inneholder den spesifiserte verdien av argumentene som er gitt til den spesielle funksjonen:

funksjon forOf ()
for (const verdi av argumenter)
konsoll.logg ("argumentelementene er:", verdi);

Til slutt, påkalle "Forof ()”Funksjon ved å gi verdiene inn i det som argumenter:

Forof (10, 20);

Produksjon

Vi har gitt forskjellige implementeringer av "for ... av”Uttalelse i JavaScript.

Konklusjon

“for ... av”Uttalelse brukes til å iterere over en matrise ved å legge til array -elementene og vise dem. Du kan bruke uttalelsen på iterere over en matrise, streng, kartobjekt, angi objekt og argumenter. Denne artikkelen demonstrerte applikasjonene til for ... av uttalelse ved å bruke forskjellige eksempler.