Javascript | Pętle

Pętle to podstawowy mechanizm w programowaniu, umożliwiający wielokrotne wykonywanie tego samego fragmentu kodu bez potrzeby powtarzania go ręcznie. Dzięki temu znacznie uprościsz swoje skrypty i zwiększysz ich efektywność. W JavaScript istnieją trzy podstawowe typy pętli: for, while oraz do...while.

Pętla `for`

Pętla for używana jest wtedy, gdy z góry wiemy, ile razy ma wykonać się określony fragment kodu.

Podstawowa składnia:

for (var i = 1; i <= 10; i++) {
    document.write(i + ' ');
}
// Wynik: 1 2 3 4 5 6 7 8 9 10

Pętla z innym interwałem iteracji:

for (var i = 0; i < 20; i += 2) {
    document.write(i + ' ');
}
// Wynik: 0 2 4 6 8 10 12 14 16 18

Pętla WHILE

Wykonuje kod, dopóki podany warunek jest spełniony. Warunek sprawdzany jest przed wykonaniem pętli.

var a = 1;
while (a <= 10) {
    document.write(a + ' ');
    a++;
}
// Wynik: 1 2 3 4 5 6 7 8 9 10

Pętla WHILE z nieskończonym cyklem i warunkiem zakończenia:

var liczba;

while (true) {
    liczba = prompt("Podaj liczbę większą od 10:");
    if (liczba > 10) break;
}
document.write("Wpisano poprawną liczbę: " + liczba);

Pętla DO...WHILE

Różni się od pętli WHILE tym, że zawsze wykona się co najmniej jeden raz, nawet gdy warunek początkowo jest fałszywy.

Podstawowa składnia:

var a = 1;
do {
    document.write(a + ' ');
    a++;
} while (a <= 10);
// Wynik: 1 2 3 4 5 6 7 8 9 10

Przykład, gdy warunek od razu jest fałszywy:

var a = 11;
do {
    document.write(a + ' ');
    a++;
} while (a <= 10);
// Wynik: 11

Pętla SWITCH (instrukcja wyboru)

Choć nie jest klasyczną pętlą, instrukcja switch również pozwala na efektywne wykonywanie fragmentów kodu zależnych od wartości wyrażenia:

var opcja = parseInt(prompt("Wybierz opcję (1-3):"));

switch (opcja) {
    case 1:
        document.write("Wybrano opcję 1");
        break;
    case 2:
        document.write("Wybrano opcję 2");
        break;
    case 3:
        document.write("Wybrano opcję 3");
        break;
    default:
        document.write("Nieznana opcja.");
        break;
}

Którą pętlę wybrać?

FOR: Gdy liczba iteracji jest znana z góry.
WHILE – gdy nie wiadomo z góry, ile razy wykona się pętla (warunek decyduje).
DO WHILE – gdy chcemy, by instrukcja wykonała się przynajmniej raz.

Javascript | Pętle · Technik informatyk egzamin zawodowy