Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

JS: Pętle

piątek,

JS: Pętle

W języku JavaScript istnieje kilka rodzajów pętli, które umożliwiają powtarzanie bloku kodu wielokrotnie, a wybór optymalnego rozwiązania zależy od konkretnego przypadku użycia i wymagań programu.

Pętla for

Jest to najbardziej uniwersalna pętla dostępna w JavaScript, pozwala na wykonanie kodu określoną liczbę razy. Składa się z trzech opcjonalnych wyrażeń: inicjalizacji, warunku kontynuacji i inkrementacji.

for (let i = 0; i < 5; i++) {
  console.log(i);
}

W tym przykładzie pętla for wykona się pięć razy, wyświetlając liczby od 0 do 4.

Pętla while

Ta pętla wykonuje blok kodu, dopóki określony warunek jest prawdziwy. Jest użyteczna, gdy liczba iteracji nie jest znana z góry.

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

W tym przypadku pętla while będzie kontynuowana, dopóki i jest mniejsze niż 5.

Pętla do-while

Podobna do pętli while, ale gwarantuje, że blok kodu zostanie wykonany co najmniej raz, ponieważ warunek jest sprawdzany po wykonaniu bloku kodu.

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

W przykładzie nawet jeśli warunek i < 5 nie jest spełniony od początku, blok kodu zostanie wykonany przynajmniej raz.

Pętla for-in

Jest używana do iteracji po właściwościach obiektu. Jest to wygodny sposób na przejście przez wszystkie klucze obiektu.

const obiekt = { a: 1, b: 2, c: 3 };
for (const klucz in obiekt) {
  console.log(`${klucz}: ${obiekt[klucz]}`);
}

W tym przykładzie pętla for-in przejdzie przez wszystkie klucze obiektu obiekt.

Pętla for-of

Umożliwia iterację po elementach iterowalnych (takich jak tablice, ciągi znaków). Jest to nowoczesna i bardziej czytelna alternatywa dla klasycznej pętli for.

const tablica = ['a', 'b', 'c'];
for (const element of tablica) {
  console.log(element);
}

W tym przypadku pętla for-of przechodzi przez każdy element tablicy tablica.

Artykuł: Harmonogram egzaminów maturalnych

Harmonogram egzaminów maturalnych

Artykuł: Staże w Hiszpanii

Staże w Hiszpanii

Artykuł: Conformité Européenne

Conformité Européenne

Artykuł: Display Stream Compression

Display Stream Compression

Artykuł: High Dynamic Range

High Dynamic Range

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły