Jak přerušit smyčky JavaScriptu a proč to možná budete potřebovat

Klíčové věci

  • Smyčky JavaScriptu jsou nezbytné pro opakování kódu a pochopení jejich syntaxe a nuancí je zásadní.
  • Příkaz break vám umožňuje předčasně ukončit smyčku, což umožňuje efektivnější provádění kódu.
  • Vymanit se ze smyčky může optimalizovat váš kód, zabránit zbytečným iteracím a pomoci efektivně řešit chyby.

Smyčky JavaScriptu umožňují opakovat kód, ale někdy budete muset smyčku ukončit, abyste zvládli speciální případ. Zde přichází na řadu příkaz break. Zjistěte, jak příkaz break funguje a proč jej můžete potřebovat.

Pochopení smyček JavaScriptu

Smyčky JavaScriptu vám umožňují opakovat kód, udržovat váš program čistý a omezovat opakování. Smyčky jsou důležitým konceptem, který bude používat téměř každý program, který napíšete. Takže, pokud se právě začínáte učit JavaScript, měli byste se ujistit, že rozumíte smyčkám důkladně.

Mezi různé typy smyček JavaScriptu, které byste měli znát, patří:

  • pro smyčku
  • zatímco smyčka
  • do… smyčka while
  • pro…ve smyčce
  • pro… ze smyčky

Všechny provádějí iterace, ale mají drobné nuance, díky kterým je každý vhodný pro jiné situace. Takto vypadá syntaxe každého typu smyčky:

Typ smyčky

Syntax

Popis

pro

for (init; cond; next) {
    
}

Spustí blok kódu, dokud je zadaná podmínka (cond) pravdivá. Inicializační výraz (init) se spustí jednou, na začátku smyčky, zatímco další výraz se spustí pokaždé, když smyčka dosáhne konce bloku kódu.

zatímco

while (condition) {
    
}

Spustí blok kódu, dokud je zadaná podmínka pravdivá.

dělat, zatímco

do {
    
} while (condition);

Spustí blok kódu, dokud je zadaná podmínka pravdivá. Kontroluje stav po spuštění bloku kódu, takže se vždy spustí alespoň jednou.

pro…v

for (property in object) {
    
}

Spustí blok kódu pro každou vlastnost objektu.

pro…z

for (element of iterable) {
    
}

Spustí blok kódu pro každý prvek v iterovatelném objektu, jako je pole, řetězec nebo mapa.

Úvod do prohlášení „break“.

Příkaz break předčasně ukončí smyčku. Jak smyčka postupuje, při kontaktu s příkazem break se okamžitě zastaví. To způsobí, že program přejde na další příkaz za smyčkou.

break je užitečný pro zastavení smyčky v nepředvídatelném bodě, spíše než čekání na spuštění několika iterací nebo na to, až se hlavní podmínka stane nepravdivou. Má velmi jednoduchou syntaxi:

break; 

Jak používat „break“ v různých smyčkách JavaScriptu

Tyto příklady ukazují, jak se můžete vymanit z každé z dostupných smyček JavaScriptu. Věnujte zvýšenou pozornost hodnotám lokálních proměnných a tomu, kdy se tisknou nebo vyhodnocují.

Vymanit se ze smyčky

const numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (let i = 0; i < numbers.length; i++)
{
    sum += numbers[i];

    if (sum > 5)
    {
        break;
    }
}

console.log(sum);

Tento kód sečte pole prvků pomocí cyklu for. Smyčka iteruje přes každý prvek pole a sčítá je. Podmínka kontroluje, zda součet překračuje 5. Pokud ano, příkaz break ukončí cyklus.

Vymanit se z chvilkové smyčky

const numbers = [1, 2, 3, 4, 5];
let product = 1;
let i = 0;

while (i < numbers.length)
{
    product *= numbers[i];

    if (product > 10)
    {
        break;
    }

    i++;
}

console.log(product);

Tento kód používá smyčku while k nalezení součinu prvků v poli. Smyčka iteruje přes každý prvek pole a vypočítává součin. Příkaz break uvnitř podmínky zastaví smyčku, když součin překročí 10.

Breaking Out of Do…While Loop

let i = 1;

do
{
    if (i % 2 === 0)
    {
       console.log(i);
    }

    i++;

    if (i > 5)
    {
       break;
    }
} while (i <= 10);

Smyčka do…while iteruje čísla od 1 do 10 a tiskne sudá čísla. Příkaz break v podmínce if kontroluje, zda čítač smyčky překračuje hodnotu 5. Pokud je podmínka pravdivá, pokračuje v ukončení smyčky.

Vymanit se ze smyčky for…in

const sentence = "Hello";
let result = "";

for (let index in sentence)
{
    if (index == 2)
    {
        break;
    }

    result += sentence[index];
}

console.log(result);

Smyčka iteruje přes každý znak v řetězci a spojuje je. Zde podmínka zkontroluje, zda je index smyčky roven 2. Pokud ano, opustí smyčku pomocí break.

Vymanit se ze smyčky for…of

const numbers = [1, 2, 3, 4, 5];

for (let num of numbers.reverse())
{
    console.log(num);

    if (num === 3)
    {
        break;
    }
}

Smyčka iteruje přes každý prvek pole v opačném pořadí a zřetězí je. Pokud smyčka narazí na hodnotu 3, ukončí se pomocí příkazu break.

Význam přerušování smyček

Vymanit se ze smyčky může být užitečným způsobem optimalizace kódu. Předčasné ukončení smyček může zabránit zbytečným iteracím, snížit časovou složitost a umožnit efektivní zpracování chyb.

Zaměřte se na procvičování toho, jak se ve svých programech vymanit z různých smyček JavaScriptu, abyste posílili své porozumění.