Како прекинути ЈаваСцрипт петље и зашто би то могло бити потребно

Кључне Ствари

  • JavaScript petlje su osnova za ponavljanje delova koda, a razumevanje njihove strukture i nijansi je od presudnog značaja.
  • Naredba `break` omogućava vam da prekinete petlju pre vremena, što dovodi do efikasnijeg izvršavanja koda.
  • Prevremeni izlazak iz petlje može poboljšati vaš kod, izbegavajući suvišne iteracije i olakšavajući efikasno rukovanje greškama.

JavaScript petlje nude mogućnost ponavljanja koda, ali ponekad je neophodno prekinuti petlju da biste obradili konkretan slučaj. U takvim situacijama, naredba `break` stupa na scenu. U nastavku ćemo istražiti kako ona funkcioniše i kada je korisna.

Razumevanje JavaScript Petlji

JavaScript petlje omogućavaju iteraciju kroz blokove koda, čime se postiže veća čistoća i smanjuje ponavljanje koda. Petlje su fundamentalni koncept koji se primenjuje u gotovo svakom programu koji napišete. Stoga, ako ste tek počeli da učite JavaScript, temeljno razumevanje petlji je od suštinskog značaja.

Postoji nekoliko različitih tipova JavaScript petlji koje bi trebalo da poznajete:

  • `for` petlja
  • `while` petlja
  • `do…while` petlja
  • `for…in` petlja
  • `for…of` petlja

Sve ove petlje vrše iteraciju, ali se razlikuju po nijansama koje ih čine pogodnim za različite scenarije. Pogledajte kako izgleda sintaksa svakog tipa petlje:

Tip Petlje

Sintaksa

Opis

for

for (inicijalizacija; uslov; inkrement) {
	// kod
} 

Izvršava blok koda dok je određeni uslov (`uslov`) istinit. Inicijalizacioni izraz (`inicijalizacija`) se izvršava samo jednom, na početku petlje, dok se inkrement (`inkrement`) izvršava nakon svake iteracije.

while

while (uslov) {
	// kod
} 

Izvršava blok koda sve dok je određeni `uslov` istinit.

do...while

do {
	// kod
} while (uslov); 

Izvršava blok koda sve dok je `uslov` istinit. Proverava `uslov` nakon izvršavanja bloka koda, što garantuje da će se kod izvršiti bar jednom.

for...in

for (promenljiva in objekat) {
	// kod
} 

Izvršava blok koda za svaku od osobina (`promenljiva`) objekta.

for...of

for (element of iterabilniObjekat) {
	// kod
} 

Izvršava blok koda za svaki `element` u iterabilnom objektu, kao što je niz, string ili mapa.

Uvod u Naredbu „break“

Naredba `break` služi za prekidanje petlje pre njenog prirodnog završetka. Kada se u toku iteracije naiđe na naredbu `break`, petlja se momentalno zaustavlja, a program nastavlja sa izvršavanjem naredbe neposredno nakon petlje.

`break` je koristan kada je potrebno zaustaviti petlju u nepredviđenom trenutku, umesto da se čeka da se izvrši određen broj iteracija ili da uslov postane netačan. Njena sintaksa je jednostavna:

break; 

Kako Koristiti „break“ u Različitim JavaScript Petljama

Sledi nekoliko primera koji ilustruju kako se izlazi iz svake od dostupnih JavaScript petlji. Obratite pažnju na vrednosti promenljivih i trenutke njihovog štampanja ili evaluacije.

Izlazak iz `for` Petlje

const brojevi = [1, 2, 3, 4, 5];
let zbir = 0;

for (let i = 0; i < brojevi.length; i++)
{
    zbir += brojevi[i];

    if (zbir > 5)
    {
        break;
    }
}

console.log(zbir); 

Ovaj kod sumira elemente niza pomoću `for` petlje. Petlja prolazi kroz svaki element niza i dodaje ga na `zbir`. Uslov proverava da li je `zbir` veći od 5. Ako jeste, naredba `break` prekida petlju.

Izlazak iz `while` Petlje

const brojevi = [1, 2, 3, 4, 5];
let proizvod = 1;
let i = 0;

while (i < brojevi.length)
{
    proizvod *= brojevi[i];

    if (proizvod > 10)
    {
        break;
    }

    i++;
}

console.log(proizvod); 

Ovaj kod koristi `while` petlju za izračunavanje proizvoda elemenata u nizu. Petlja iterira kroz elemente niza i množi ih. Uslov unutar `if` proverava da li `proizvod` prelazi 10, i ako jeste, petlja se zaustavlja naredbom `break`.

Izlazak iz `do…while` Petlje

let i = 1;

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

    i++;

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

`do…while` petlja iterira kroz brojeve od 1 do 10, ispisujući parne brojeve. Naredba `break` unutar `if` uslova proverava da li je brojač petlje veći od 5, i prekida petlju ako je uslov ispunjen.

Izlazak iz `for…in` Petlje

const recenica = "Zdravo";
let rezultat = "";

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

    rezultat += recenica[index];
}

console.log(rezultat);

Petlja prelazi preko svakog znaka u stringu, konkatenirajući ih. U ovom slučaju, uslov proverava da li je indeks petlje jednak 2. Ako jeste, petlja se prekida pomoću `break`.

Izlazak iz `for…of` Petlje

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

for (let broj of brojevi.reverse())
{
    console.log(broj);

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

Petlja iterira kroz svaki element niza obrnutim redosledom, ispisujući ih. Ako petlja naiđe na vrednost 3, izlazi se iz petlje pomoću naredbe `break`.

Važnost Prekidanja Petlji

Izlazak iz petlje može biti koristan način za optimizaciju koda. Prekid petlje pre prirodnog završetka može sprečiti nepotrebne iteracije, smanjiti vremensku složenost i omogućiti efikasno rukovanje greškama.

Vežbajte korišćenje `break` u različitim JavaScript petljama u vašim programima kako biste poboljšali razumevanje ovog koncepta.