Smyčky JavaScriptu jsou nezbytné pro efektivní zpracování opakujících se úkolů. Provádějí blok kódu opakovaně, dokud zadaná podmínka zůstává pravdivá. Tyto smyčky jsou výkonnými nástroji pro automatizaci úloh a zefektivnění vašeho kódu.

Předpokládejme například, že chceme tisknout Ahoj světe 5 krát. To lze snadno provést pomocí JS Loop. Ve smyčce je třeba příkaz zapsat pouze jednou a smyčka se provede 5krát, jak je uvedeno níže:

for (let i = 0; i < 5; i++) {  console.log('Hello World!'); }>

Hello World! Hello World! Hello World! Hello World! Hello World!>

Obsah

• pro Loop
• zatímco Loop
• do-while Loop
• smyčka for-in
• for-of Loop
• Označené prohlášení
• Prohlášení o přerušení
• Pokračovat v prohlášení
• Nekonečná smyčka (chyba smyčky)

1. JavaScript pro smyčku

The JS pro smyčku poskytuje stručný způsob zápisu struktury smyčky. Smyčka for obsahuje inicializaci, podmínku a přírůstek/snižování na jednom řádku, čímž poskytuje kratší, snadno laditelnou strukturu smyčkování.

Syntax

for (initialization; testing condition; increment/decrement) { statement(s) }>

Vývojový diagram

• Podmínka inicializace: Inicializuje proměnnou a označí začátek cyklu for. Lze použít již deklarovanou proměnnou nebo lze deklarovat proměnnou, pouze lokálně do smyčky.
• Zkušební podmínka: Používá se pro testování výstupní podmínky smyčky for. Musí vrátit booleovskou hodnotu. To je také Vstupní řídicí smyčka protože podmínka je zkontrolována před provedením příkazů smyčky.
• Provedení výpisu: Jakmile je podmínka vyhodnocena jako pravdivá, provedou se příkazy v těle smyčky.
• Přírůstek/snížení: Používá se pro aktualizaci proměnné pro další iteraci.
• Ukončení smyčky: Když se podmínka stane nepravdivou, smyčka se ukončí a značí konec jejího životního cyklu.

Příklad

// JavaScript program to illustrate for loop let x; // for loop begins when x = 2 // and runs till x <= 4 for (x = 2; x <= 4; x++) {  console.log('Value of x: ' + x); }>

Value of x: 2 Value of x: 3 Value of x: 4>

2. JavaScript při Loop

The smyčka JS while je příkaz toku řízení, který umožňuje opakované provádění kódu na základě dané booleovské podmínky. Smyčku while si lze představit jako opakující se příkaz if.

Syntax

while (boolean condition) { loop statements... }>

Vývojový diagram

• Zatímco smyčka začíná kontrolou podmínky. Pokud je vyhodnocena jako pravdivá, pak jsou provedeny příkazy těla smyčky, jinak se provede první příkaz následující po cyklu. Z tohoto důvodu se také nazývá Vstupní regulační smyčka
• Jakmile je podmínka vyhodnocena jako pravdivá, provedou se příkazy v těle smyčky. Normálně příkazy obsahují aktualizovanou hodnotu proměnné zpracovávané pro další iteraci.
• Když se podmínka stane nepravdivou, smyčka se ukončí, což znamená konec jejího životního cyklu.

Příklad

// JavaScript code to use while loop let val = 1; while (val < 6) {  console.log(val);   val += 1; }>

1 2 3 4 5>

3. JavaScript do-while Loop

The smyčka JS do-while je podobný cyklu while s jediným rozdílem, že kontroluje podmínku po provedení příkazů, a proto je příkladem Ukončete ovládací smyčku. Spustí obsah smyčky alespoň jednou, pokud je podmínka nepravdivá.

Syntax

do { Statements... } while (condition);>

Vývojový diagram

• Cyklus do-while začíná provedením příkazu (příkazů). Napoprvé nedochází ke kontrole žádného stavu.
• Po provedení příkazů a aktualizaci hodnoty proměnné je podmínka zkontrolována na pravdivou nebo nepravdivou hodnotu. Pokud je vyhodnocena jako pravdivá, začne další iterace smyčky.
• Když se podmínka stane nepravdivou, smyčka se ukončí, což znamená konec jejího životního cyklu.
• Je důležité poznamenat, že smyčka do-while provede své příkazy alespoň jednou před kontrolou jakékoli podmínky, a proto je příkladem řídicí smyčky ukončení.

Příklad

let test = 1; do {  console.log(test);  test++; } while(test <= 5)>

1 2 3 4 5>

4. JavaScript for-in Loop

JS for-in smyčka se používá k iteraci vlastností objektu. Smyčka for-in iteruje pouze přes ty klíče objektu, jejichž vlastnost enumerable je nastavena na hodnotu true.

Syntax

for(let variable_name in object_name) { // Statement }>

Příklad: Tento příklad ukazuje použití smyčky for-in.

let myObj = { x: 1, y: 2, z: 3 }; for (let key in myObj) {  console.log(key, myObj[key]); }>

x 1 y 2 z 3>

5. JavaScript for-of Loop

JS for-of smyčka se používá například k iteraci iterovatelných objektů – pole, objekt, množina a mapa. Přímo iteruje hodnotu daného iterovatelného objektu a má stručnější syntaxi než smyčka for.

Syntax:

for(let variable_name of object_name) { // Statement }>

Příklad: Tento příklad ukazuje použití smyčky for-of.

let arr = [1, 2, 3, 4, 5]; for (let value of arr) {  console.log(value); }>

1 2 3 4 5>

6. Prohlášení označené JavaScriptem

Klíčové slovo štítku JS nezahrnuje klíčové slovo goto. Uživatelé mohou použít klíčové slovo continue s příkazem label. Kromě toho mohou uživatelé použít klíčové slovo break k ukončení smyčky/bloku. Můžete také použít klíčové slovo break bez definování štítku, ale ukončí pouze rodičovskou smyčku/blok. Pro ukončení vnější smyčky z vnitřní smyčky pomocí klíčového slova break musí uživatelé definovat popisek.

Syntax

Label: statement (loop or block of code)>

Příklad

let sum = 0, a = 1;  // Label for outer loop  outerloop: while (true) {   a = 1;   // Label for inner loop   innerloop: while (a < 3) {   sum += a;   if (sum>12) { // Přerušení vnější smyčky od vnitřní smyčky přerušení vnější smyčky;   } console.log('součet = ' + součet);   a++;   } }>

sum = 1 sum = 3 sum = 4 sum = 6 sum = 7 sum = 9 sum = 10 sum = 12>

7. Prohlášení o přerušení JavaScriptu

Příkaz přerušení JS se používá k ukončení provádění smyčky nebo příkazu switch, když je podmínka pravdivá.

Syntax

break;>

Příklad

for (let i = 1; i < 6; i++) {  if (i == 4)   break;    console.log(i); }>

1 2 3>

8. Prohlášení o pokračování JavaScriptu

JS pokračuj v prohlášení se používá k přerušení iterace smyčky a následuje další iterace. Přerušení iterace je možné pouze tehdy, když nastane zadaná podmínka. Hlavní rozdíl mezi příkazy continue a break je v tom, že příkaz break se úplně vymaní ze smyčky, zatímco příkaz continue se používá k přerušení jednoho příkazu a iteraci k dalšímu příkazu.

Syntax

continue;>

Příklad

for (let i = 0; i < 11; i++) {  if (i % 2 == 0)   continue;    console.log(i); }>

1 3 5 7 9>

9. Nekonečná smyčka JavaScriptu (chyba smyčky)

Jednou z nejčastějších chyb při implementaci jakéhokoli druhu smyčky je, že se nemusí nikdy ukončit, tj. smyčka běží nekonečně dlouho. K tomu dochází, když podmínka z nějakého důvodu selže.

Příklad: Tento příklad ukazuje nekonečnou smyčku.

// JavaScript program to illustrate infinite loop // Infinite loop because condition is not false // condition should have been i>0. for (ať i = 5; i != 0; i -= 2) { console.log(i); } nechť x = 5; // Nekonečná smyčka, protože příkaz aktualizace // není poskytnut while (x == 5) { console.log('Ve smyčce'); }>