For, for ... av og for ... i løkker i JavaScript | Forklart

På programmeringsspråk er løkker mest brukt til å utføre en blokk eller en del av koden i en bestemt mengde ganger eller til en spesifikk tilstand er oppfylt. JavaScript er ikke annerledes når det gjelder løkker. De tradisjonelle løkkene som brukes på andre programmeringsspråk er For mens, og gjør mens som alle er til stede i JavaScript også, men med ankomsten av ES6 noen få modifiserte versjoner av Til Løkker ble introdusert. Disse var "For ... av ” og “For i" løkker. Vi kommer til å dekke For loop, for-in loop, og For-of loop i detalj.

For sløyfe i JavaScript

Den vanligste og den mest brukte sløyfen i JavaScript og sannsynligvis i alle andre programmeringsspråk er også Til Løkke. Som vi allerede har forklart, brukes disse løkkene til å gjentatte ganger utføre eller påkalle en kodebit til en spesifikk tilstand er oppfylt. Denne tilstanden sendes innenfor den andre parameteren til For sløyfe. For sløyfe brukes ofte når vi har et grovt estimat på hvor mange ganger vil sløyfen løpe. Basert på at vi setter vår tilstand.

Syntaks for for loop

for (initialiser-variabel;
// kroppen til for loop

• Initialiser-variabel: Initialiser en variabel i den første parameteren.
• Tilstand-til-være-met: Definere en tilstand som sløyfen vil iterere.
• Endelig uttrykk: Oppgave å utføre på slutten av Loops iterasjon

Merk: Parametrene til for-loopen skilles med en semikolon “; ”Og er alle valgfritt i JavaScript.

Eksempel: La oss ta et eksempel der vi trenger å skrive ut de 10 første sifrene fra en. Hvis vi gjør det uten en sløyfe, vil koden vår se ut:

konsoll.logg (1);
konsoll.logg (2);
konsoll.logg (3);
konsoll.logg (4);
konsoll.logg (5);
konsoll.logg (6);
konsoll.logg (7);
konsoll.logg (8);
konsoll.logg (9);
konsoll.logg (10);

Utgangen:

Utgang er akkurat det vi ønsket, men det er ikke en effektiv måte å gjøre det på. La oss prøve å bruke for -loopen for å løse det samme problemet. Koden er som:

for (la i = 0; i <=10 ; i ++)
konsoll.Logg (i)

Utgangen er nøyaktig den samme:

Hvis vi går over koden, opprettet vi en blokkert tellervariabel “I” og initialiserte den med en heltallverdi 0. I den andre parameteren setter vi en tilstand som vi ønsker å kjøre til motvariabelen når verdien 10, og i den siste parameteren setter vi et endelig uttrykk for å øke denne tellervariabelen med 1 hver gang sløyfen når slutten av hver iterasjon.

Hvordan jobbe med matriser som bruker for loop

Løkker kan også brukes til å iterere gjennom matriser og deres verdi, for å demonstrere at vi trenger en matrise. Lag en rekke tall med følgende uttalelse:

Array = [1,5,88,24,25,137,37,28,173,222];

La oss bruke Loop -tilgang til hvert element i denne matrisen og skrive ut verdien ved å bruke følgende utsagn:

for (i = 0; i < array.length ; i++)
konsoll.logg (matrise [i]);

Utgangen er:

Merk: Vi brukte tilstanden, jeg < array.length because the index of the last element in the array, will always be one less than the length of the array and that is because in arrays the index starts from zero

Vi kan til og med bruke for -loopen til å krysse i matrisen fra den siste til først ved å bruke koden:

for (la i = matrise.lengde-1; i> = 0; Jeg--)
konsoll.logg (matrise [i]);

Vi initialiserte motvariabelen med en verdi en mindre enn lengden på den matrisen for å få tilgang til det siste elementet i matrisen, og begynte å redusere tellervariabelen med 1 i hver iterasjon. Utgangen er:

For-of-loopen i JavaScript

For-of Loop brukes til å iterere over iterable objekter, disse objektene kan være matriser, sett, objekter og til og med strenger. For ... av loop returnerer verdien av elementene i de iterable objektene:

Syntaks av for-of-loopen

for (element av matrise)
// kroppens kropp

• element: er navnet på variabelen vi skal gi til hvert element i matrisen.
• Array: er det utvalget vi krysser gjennom

For å bedre forstå arbeidet med for-of-loop, la oss ta en rekke variablerverdier:

Array = [1,4,56, "Cash", "Car", 63, 69, "Google", "Moon", "Mercury"];

Bruk nå for-av-loopen for å iterere gjennom elementene ved å bruke følgende kodelinjer:

for (Elem of Array)
konsoll.Log (Elem);

Utgangen er:

Vi har krysset gjennom elementene i matrisen ved å bruke for ... av loop.

Sløyfe gjennom en streng ved hjelp av for-of loop

Vi kan bruke for-of-loopen for å gå gjennom hvert tegn på en strengverdi. For det la oss opprette en strengvariabel ved hjelp av følgende utsagn i JavaScript.

var setning = "Velkommen til Linuxhint!";

Nå, itererer gjennom hvert tegn i denne variabelen ved å bruke kommandoene:

for (røye av setning)
konsoll.logg (røye);

Vi får følgende utgang i konsollen vår:

Som du kan se, ved hjelp av for-of-loopen, kunne vi få tilgang til hvert enkelt tegn fra en streng.

For-in-loopen:

For-in-loopen brukes til å iterere over egenskapene til elementene i de iterable objektene, for å forstå dette på en mye bedre måte vi lager et objekt som inneholder nøkkelverdipar ved å bruke følgende utsagn:

const Person = FirstName: "John", LastName: "Doe", Age: 22, City: "Newyork";

La oss skrive ut "nøkkel" -verdiene til dette objektet ved å bruke for ... i ... loop gjennom disse utsagnene:

for (rekvisitter personlig)
konsoll.logg (rekvisitter);

Utgangen er:

Som du kan se for-in-loop tilgang til navnene på egenskapene til varene.

Konklusjon

De for sløyfe er den mest brukte sløyfen; JavaScript kommer med sin variasjon av for loop, for-i-loop, og for-of loop. Vi lærte om syntaks og arbeid av til løkker. Etter det lærte vi om for i og for-of sløyfe og hvordan de fungerer og hva de kommer tilbake sammen med eksemplene sine, og vi lærte til og med forskjellen mellom de to variantene.