JavaScript mens og gjør ... mens Loop (med eksempler)

I denne opplæringen vil du lære om mens loop og gjør … mens loop 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.

I forrige opplæring lærte du om JavaScript for loop. Her skal du lære om whileog do… whilesløyfer.

JavaScript mens Loop

Syntaksen til whilesløyfen er:

 while (condition) ( // body of loop )

Her,

  1. En whilesløyfe evaluerer tilstanden i parentesen ().
  2. Hvis tilstanden evalueres til true, blir koden i whilesløyfen utført.
  3. Den tilstand vurderes på nytt.
  4. Denne prosessen fortsetter til tilstanden er false.
  5. Når tilstanden evalueres til false, stopper løkken.

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

Flytskjema for mens Loop

Flytskjema med JavaScript under loop

Eksempel 1: Vis tall fra 1 til 5

 // program to display numbers from 1 to 5 // initialize the variable let i = 1, n = 5; // while loop from i = 1 to 5 while (i <= n) ( console.log(i); i += 1; )

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 2: Bare summen av positive tall

 // program to find the sum of positive numbers // if the user enters a negative numbers, the loop ends // the negative number entered is not added to sum let sum = 0; // take input from the user let number = parseInt(prompt('Enter a number: ')); while(number>= 0) ( // add all positive numbers sum += number; // take input again if the number is positive number = parseInt(prompt('Enter a number: ')); ) // display the sum console.log(`The sum is $(sum).`);

Produksjon

 Tast inn et tall: 2 Tast inn et tall: 5 Tast inn et tall: 7 Tast inn et tall: 0 Tast inn et tall: -3 Summen er 14.

I programmet ovenfor blir brukeren bedt om å skrive inn et nummer.

Her parseInt()brukes det fordi prompt()tar innspill fra brukeren som en streng. Og når numeriske strenger er lagt til, oppfører den seg som en streng. For eksempel '2' + '3' = '23'. Så parseInt()konverterer en numerisk streng til nummer.

Den whilesløyfen fortsetter inntil brukeren angir et negativt tall. Under hver iterasjon blir nummeret som er angitt av brukeren lagt til sumvariabelen.

Når brukeren skriver inn et negativt tall, avsluttes sløyfen. Til slutt vises totalsummen.

JavaScript gjør… mens Loop

Syntaksen for do… whileloop er:

 do ( // body of loop ) while(condition)

Her,

  1. Sløyfens kropp utføres først. Deretter blir tilstanden evaluert.
  2. Hvis tilstanden evalueres til true, blir kroppen av løkken inne i douttalelsen utført på nytt.
  3. Den tilstanden evalueres igjen.
  4. Hvis tilstanden evalueres til true, blir kroppen av løkken inne i douttalelsen utført på nytt.
  5. Denne prosessen fortsetter til tilstanden evalueres til false. Så stopper løkken.

Merk : do… whilesløyfe ligner whilesløyfen. Den eneste forskjellen er at i do… whileloop blir kroppen av loop utført minst en gang.

Flytskjema over gjør… mens Loop

Flytskjema med JavaScript gjør… mens du sløyfer

La oss se hvordan do… whilesløyfen fungerer .

Eksempel 3: Vis tall fra 1 til 5

 // program to display numbers let i = 1; const n = 5; // do… while loop from 1 to 5 do ( console.log(i); i++; ) while(i <= n);

Produksjon

 1 2 3 4 5

Slik fungerer dette programmet.

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

Eksempel 4: Summen av positive tall

 // to find the sum of positive numbers // if the user enters negative number, the loop terminates // negative number is not added to sum let sum = 0; let number = 0; do ( sum += number; number = parseInt(prompt('Enter a number: ')); ) while(number>= 0) console.log(`The sum is $(sum).`);

Utgang 1

 Tast inn et tall: 2 Tast inn et tall: 4 Tast inn et tall: -500 Summen er 6.

Here, the do… while loop continues until the user enters a negative number. When the number is negative, the loop terminates; the negative number is not added to the sum variable.

Output 2

 Enter a number: -80 The sum is 0.

The body of the do… while loop runs only once if the user enters a negative number.

Infinite while Loop

If the condition of a loop is always true, the loop runs for infinite times (until the memory is full). For example,

 // infinite while loop while(true)( // body of loop )

Here is an example of an infinite do… while loop.

 // infinite do… while loop const count = 1; do ( // body of loop ) while(count == 1)

In the above programs, the condition is always true. Hence, the loop body will run for infinite times.

for Vs while Loop

A for loop is usually used when the number of iterations is known. For example,

 // this loop is iterated 5 times for (let i = 1; i <=5; ++i) ( // body of loop )

Og whileog do… whilesløyfer brukes vanligvis når antall iterasjoner er ukjent. For eksempel,

 while (condition) ( // body of loop )

Interessante artikler...