Hogyan lehet megtörni a JavaScript-hurkokat, és miért lehet erre szükség

Kulcs elvitelek

  • A JavaScript ciklusok elengedhetetlenek a kód ismétléséhez, szintaxisuk és árnyalatuk megértése pedig kulcsfontosságú.
  • A break utasítás lehetővé teszi a ciklus korai befejezését, ami hatékonyabb kódvégrehajtást tesz lehetővé.
  • A hurokból való kitörés optimalizálhatja a kódot, megakadályozhatja a szükségtelen iterációkat, és segíthet a hibák hatékony kezelésében.

A JavaScript ciklusai lehetővé teszik a kód megismétlését, de néha ki kell lépnie egy ciklusból egy speciális eset kezeléséhez. Itt jön be a break utasítás. Tudja meg, hogyan működik a break utasítás, és miért lehet szüksége rá.

A JavaScript ciklusok megértése

A JavaScript ciklusok lehetővé teszik a kód megismétlését, tisztán tartva a programot, és csökkentve az ismétlődést. A hurkok egy fontos fogalom, amelyet szinte minden írt program használni fog. Tehát, ha csak most kezdi megtanulni a JavaScriptet, győződjön meg arról, hogy alaposan megérti a ciklusokat.

A JavaScript hurkok különböző típusai, amelyeket ismernie kell, a következők:

  • hurokhoz
  • míg hurok
  • do… while ciklus
  • for… hurokban
  • a… hurokért
  12 legjobb Shopify társult alkalmazás, amellyel bevételt szerezhet üzletéből

Mindegyik hajt végre iterációkat, de vannak enyhe árnyalatok, amelyek mindegyiket alkalmassá teszik különböző helyzetekre. Így néz ki az egyes huroktípusok szintaxisa:

Hurok típusa

Szintaxis

Leírás

számára

for (init; cond; next) {
    
}

Kódblokkot futtat mindaddig, amíg a megadott feltétel (cond) igaz. Az inicializálási kifejezés (init) egyszer fut le, a ciklus elején, míg a következő kifejezés lefut minden alkalommal, amikor a ciklus eléri a kódblokk végét.

míg

while (condition) {
    
}

Kódblokkot futtat mindaddig, amíg a megadott feltétel igaz.

csinálni, miközben

do {
    
} while (condition);

Kódblokkot futtat mindaddig, amíg a megadott feltétel igaz. Ellenőrzi a feltételt a kódblokk futtatása után, így mindig lefut legalább egyszer.

be

for (property in object) {
    
}

Futtat egy kódblokkot egy objektum minden tulajdonságához.

a…-nak

for (element of iterable) {
    
}

Kódblokkot futtat egy iterálható objektum minden eleméhez, például egy tömbhöz, karakterlánchoz vagy térképhez.

Bevezetés a „szünet” nyilatkozatba

A break utasítás korán lezár egy ciklust. A ciklus előrehaladtával a break utasítással érintkezve azonnal leáll. Ez azt eredményezi, hogy a program a ciklus után következő utasításra lép.

A break akkor hasznos, ha megállít egy ciklust egy előre nem látható ponton, nem pedig arra, hogy megvárja, amíg számos iteráció lefut, vagy a fő feltétel hamissá válik. Nagyon egyszerű szintaxisa van:

break; 

A „break” használata különböző JavaScript-hurkokban

Ezek a példák bemutatják, hogyan lehet kitörni az egyes elérhető JavaScript-hurkok közül. Gondosan ügyeljen a helyi változók értékeire és azok nyomtatására vagy kiértékelésére.

  A 6 legjobb közösségi figyelő eszköz a növekvő vállalkozásokhoz

Kitörés a for Loopból

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

Ez a kód egy for ciklus segítségével összegzi az elemek tömbjét. A ciklus a tömb minden eleme felett iterál, és összegzi azokat. A feltétel ellenőrzi, hogy az összeg meghaladja-e az 5-öt. Ha igen, a break utasítás befejezi a ciklust.

Kitörés egy idejű hurokból

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

Ez a kód egy while ciklust használ a tömb elemeinek szorzatának megtalálásához. A ciklus a tömb minden egyes eleme felett iterál, és kiszámítja a szorzatot. A feltételen belüli break utasítás leállítja a ciklust, ha a szorzat meghaladja a 10-et.

  Webhelyek blokkolása a Google Chrome-ban

Kitörés a teendőből… miközben hurok

let i = 1;

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

    i++;

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

A do…while ciklus 1-től 10-ig iterál számokat, és páros számokat nyomtat. Az if feltételen belüli break utasítás ellenőrzi, hogy a hurokszámláló meghaladja-e az 5-öt. Ha a feltétel igaz, kilép a ciklusból.

Kitörés a for…in Loop-ból

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

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

    result += sentence[index];
}

console.log(result);

A ciklus a karakterlánc minden karaktere fölött iterál, és összefűzi őket. Itt a feltétel ellenőrzi, hogy a ciklusindex egyenlő-e 2-vel. Ha igen, akkor a break segítségével lép ki a ciklusból.

Kitörés a for… of Loopból

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

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

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

A ciklus a tömb minden eleme fölött fordított sorrendben iterál, és összefűzi őket. Ha a ciklus a 3-as értékkel találkozik, akkor a break utasítással lép ki.

A hurkok megtörésének jelentősége

A ciklusból való kitörés hasznos módja lehet a kód optimalizálásának. A ciklusokból való korai kilépés megakadályozhatja a szükségtelen iterációkat, csökkentheti az időbonyolítást, és lehetővé teszi a hibák hatékony kezelését.

Összpontosítson annak gyakorlására, hogyan tud kitörni a programjaiban található különböző JavaScript-hurkokból, hogy jobban megértse.