JavaScript za zanko (s primeri)

V tej vadnici boste s pomočjo primerov izvedeli več o zankah in o zankah v JavaScript.

Pri programiranju se zanke uporabljajo za ponavljanje bloka kode.

Če želite na primer sporočilo prikazati 100-krat, lahko uporabite zanko. To je le preprost primer; z zankami lahko dosežete veliko več.

Ta vadnica se osredotoča na forzanko JavaScript . O drugih vrstah zank boste izvedeli v prihajajočih vadnicah.

JavaScript za zanko

Sintaksa forzanke je:

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

Tukaj,

  1. InitialExpression inicializira in / ali izjavi, spremenljivk in izvaja le enkrat.
  2. Stanje se ocenjuje.
    • Če je pogoj false, je forzanka prekinjena.
    • če je pogoj true, se izvede blok kode znotraj forzanke.
  3. UpdateExpression posodablja vrednost initialExpression ko je pogoj true.
  4. Stanje se ocenjuje again.This Postopek se nadaljuje, dokler je stanje false.

Če želite izvedeti več o pogojih , obiščite JavaScript Primerjalni in logični operaterji.

Diagram poteka za zanko

Primer 1: Petkrat prikažite besedilo

 // 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.`); )

Izhod

Obožujem JavaScript. Obožujem JavaScript. Obožujem JavaScript. Obožujem JavaScript. Obožujem JavaScript.

Tukaj je opisano, kako deluje ta program.

Ponavljanje Spremenljiv Stanje: i <= n Ukrepanje
1. i = 1
n = 5		 true Obožujem JavaScript. je natisnjeno.
i se poveča na 2 .
2. i = 2
n = 5		 true Obožujem JavaScript. je natisnjeno.
i se poveča na 3 .
3. i = 3
n = 5		 true Obožujem JavaScript. je natisnjeno.
i se poveča na 4 .
4. i = 4
n = 5		 true Obožujem JavaScript. je natisnjeno.
i se poveča na 5 .
5. i = 5
n = 5		 true Obožujem JavaScript. je natisnjeno.
i se poveča na 6 .
6. i = 6
n = 5		 false Zanka je prekinjena.

Primer 2: Prikaz številk od 1 do 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 )

Izhod

 1 2 3 4 5

Tukaj je opisano, kako deluje ta program.

Ponavljanje Spremenljiv Stanje: i <= n Ukrepanje
1. i = 1
n = 5		 true 1 je natisnjen.
i se poveča na 2 .
2. i = 2
n = 5		 true 2 je natisnjen.
i se poveča na 3 .
3. i = 3
n = 5		 true 3 je natisnjen.
i se poveča na 4 .
4. i = 4
n = 5		 true 4 je natisnjen.
i se poveča na 5 .
5. i = 5
n = 5		 true 5 je natisnjeno.
i se poveča na 6 .
6. i = 6
n = 5		 false Zanka je prekinjena.

Primer 3: Prikaži vsoto n naravnih števil

 // 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);

Izhod

 vsota: 5050

Tu je vrednost vsote na začetku 0 . Nato forje ponovljena zanka i = 1 to 100. V vsaki ponovitvi se i sešteje in njegova vrednost se poveča za 1 .

Ko postanem 101 , je testni pogoj falsein vsota bo enaka 0 + 1 + 2 + … + 100.

Zgornji program za seštevanje naravnih števil lahko zapišemo tudi kot

 // 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);

Ta program daje tudi enake rezultate kot primer 3 . Pri programiranju lahko isto nalogo opravite na različne načine; programiranje je vse v logiki.

Čeprav sta oba načina pravilna, poskusite svojo kodo narediti bolj berljivo.

JavaScript Neskončno za zanko

Če je preskusni pogoj v forzanki vedno true, teče večno (dokler se pomnilnik ne napolni). Na primer

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

V zgornjem programu je vedno pogoj, truekateri bo nato neskončno krat zagnal kodo.

V naslednjem vajah, boste spoznali whilein do… whilezanke.

Zanimive Članki...