JavaScript pro smyčku (s příklady)

V tomto kurzu se na příkladech dozvíte o smyčkách ao smyčkách v JavaScriptu.

V programování se smyčky používají k opakování bloku kódu.

Například pokud chcete zobrazit zprávu 100krát, můžete použít smyčku. Je to jen jednoduchý příklad; se smyčkami toho dosáhnete mnohem více.

Tento kurz se zaměřuje na forsmyčku JavaScriptu . O dalších typech smyček se dozvíte v nadcházejících cvičeních.

JavaScript pro smyčku

Syntaxe forsmyčky je:

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

Tady,

  1. InitialExpression inicializuje a / nebo prohlásí, proměnných a provádí pouze jednou.
  2. Stav se vyhodnocuje.
    • Pokud je podmínka splněna false, forsmyčka je ukončena.
    • je-li podmínka splněna true, provede se blok kódu uvnitř forsmyčky.
  3. UpdateExpression aktualizuje hodnotu initialExpression když je podmínka true.
  4. Podmínka je vyhodnocena again.This proces pokračuje, dokud je podmínka false.

Chcete-li se dozvědět více o podmínkách , navštivte Porovnání JavaScriptu a Logické operátory.

Vývojový diagram JavaScriptu pro smyčku

Příklad 1: Zobrazit text pětkrát

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

Výstup

Miluji JavaScript. Miluji JavaScript. Miluji JavaScript. Miluji JavaScript. Miluji JavaScript.

Takto funguje tento program.

Opakování Variabilní Podmínka: i <= n Akce
1. místo i = 1
n = 5		 true Miluji JavaScript. je vytištěn.
i se zvýší na 2 .
2. místo i = 2
n = 5		 true Miluji JavaScript. je vytištěn.
i se zvýší na 3 .
3. místo i = 3
n = 5		 true Miluji JavaScript. je vytištěn.
i se zvýší na 4 .
4. místo i = 4
n = 5		 true Miluji JavaScript. je vytištěn.
i se zvýší na 5 .
5 i = 5
n = 5		 true Miluji JavaScript. je vytištěn.
i se zvýší na 6 .
6. i = 6
n = 5		 false Smyčka je ukončena.

Příklad 2: Zobrazení čísel 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 )

Výstup

 1 2 3 4 5

Takto funguje tento program.

Opakování Variabilní Podmínka: i <= n Akce
1. místo i = 1
n = 5		 true 1 je vytištěn.
i se zvýší na 2 .
2. místo i = 2
n = 5		 true 2 je vytištěn.
i se zvýší na 3 .
3. místo i = 3
n = 5		 true 3 je vytištěn.
i se zvýší na 4 .
4. místo i = 4
n = 5		 true 4 je vytištěn.
i se zvýší na 5 .
5 i = 5
n = 5		 true 5 je vytištěn.
i se zvýší na 6 .
6. i = 6
n = 5		 false Smyčka je ukončena.

Příklad 3: Zobrazit součet n přirozených čísel

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

Výstup

 součet: 5050

Zde je hodnota součtu původně 0 . Poté je forsmyčka iterována z i = 1 to 100. V každé iteraci se k součtu přidá i a jeho hodnota se zvýší o 1 .

Když se i stane 101 , podmínka testu je falsea součet se bude rovnat 0 + 1 + 2 +… + 100.

Výše uvedený program pro přidání součtu přirozených čísel lze také zapsat jako

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

Tento program také poskytuje stejný výstup jako v příkladu 3 . Stejného úkolu můžete v programování dosáhnout mnoha různými způsoby; programování je o logice.

Ačkoli jsou oba způsoby správné, měli byste se pokusit zajistit lepší čitelnost kódu.

JavaScript Infinite pro smyčku

Pokud je testovací podmínka ve forsmyčce vždy true, běží navždy (dokud není paměť plná). Například,

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

Ve výše uvedeném programu je vždy podmínka, truekterá poté spustí kód nekonečně dlouho.

V dalším kurzu se dozvíte něco o whilea do… whilesmyčce.

Zajímavé články...