JavaScript for loop (med eksempler)

I denne opplæringen lærer du om sløyfene og om sløyfer i JavaScript ved hjelp av eksempler.

I programmering brukes sløyfer til å gjenta en blokk med kode.

Hvis du for eksempel vil vise en melding 100 ganger, kan du bruke en sløyfe. Det er bare et enkelt eksempel; du kan oppnå mye mer med løkker.

Denne opplæringen fokuserer på JavaScript- forloop. Du vil lære om den andre typen løkker i de kommende opplæringene.

JavaScript for loop

Syntaksen til forsløyfen er:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Her,

1. Den initialExpression initialiserer og / eller erklærer variabler og utfører bare én gang.
2. Den tilstand er evaluert.
   • Hvis tilstanden er false, blir forsløyfen avsluttet.
   • hvis tilstanden er true, blir kodeblokken inne i forsløyfen utført.
3. Den updateExpression oppdaterer verdien av initialExpression når tilstanden er true.
4. Den betingelse blir evaluert nytt.Dette prosessen fortsetter inntil tilstanden er false.

For å lære mer om forholdene , besøk JavaScript Comparison and Logical Operators.

Flytskjema med JavaScript for loop

Eksempel 1: Vis en tekst fem ganger

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Produksjon

Jeg elsker JavaScript. Jeg elsker JavaScript. Jeg elsker JavaScript. Jeg elsker JavaScript. Jeg elsker JavaScript.

Slik fungerer dette programmet.

Iterasjon	Variabel	Tilstand: i <= n	Handling
Første	i = 1 n = 5	true	Jeg elsker JavaScript. er trykt. jeg økes til 2 .
2. plass	i = 2 n = 5	true	Jeg elsker JavaScript. er trykt. jeg økes til 3 .
3.	i = 3 n = 5	true	Jeg elsker JavaScript. er trykt. jeg økes til 4 .
4. plass	i = 4 n = 5	true	Jeg elsker JavaScript. er trykt. jeg økes til 5 .
5.	i = 5 n = 5	true	Jeg elsker JavaScript. er trykt. jeg økes til 6 .
Sjette	i = 6 n = 5	false	Sløyfen er avsluttet.

Eksempel 2: Vis tall fra 1 til 5

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Produksjon

 1 2 3 4 5

Slik fungerer dette programmet.

Iterasjon	Variabel	Tilstand: i <= n	Handling
Første	i = 1 n = 5	true	1 er trykt. jeg økes til 2 .
2. plass	i = 2 n = 5	true	2 er trykt. jeg økes til 3 .
3.	i = 3 n = 5	true	3 er trykt. jeg økes til 4 .
4. plass	i = 4 n = 5	true	4 er trykt. jeg økes til 5 .
5.	i = 5 n = 5	true	5 er trykt. jeg økes til 6 .
Sjette	i = 6 n = 5	false	Sløyfen er avsluttet.

Eksempel 3: Vis sum av n naturlige tall

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Produksjon

 sum: 5050

Her er verdien av sum opprinnelig 0 . Deretter forgjentas en løkke fra i = 1 to 100. I hver iterasjon blir jeg lagt til summen og verdien økes med 1 .

Når jeg blir 101 , er testbetingelsen, falseog summen vil være lik 0 + 1 + 2 + … + 100.

Ovennevnte program for å legge til summen av naturlige tall kan også skrives som

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Dette programmet gir også samme utgang som eksempel 3 . Du kan utføre den samme oppgaven på mange forskjellige måter i programmering; programmering handler om logikk.

Selv om begge måter er riktige, bør du prøve å gjøre koden din mer lesbar.

JavaScript Infinite for loop

Hvis testtilstanden i en forsløyfe alltid er true, går den for alltid (til minnet er fullt). For eksempel,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

I programmet ovenfor er tilstanden alltid truesom kjører koden for uendelige tider.

I neste opplæring vil du lære om whileog do… whileloop.