Pętle w JavaScript

6.1 Pętla while

Pętle w JavaScript pozwalają na wielokrotne wykonywanie bloku kodu, dopóki pewien warunek jest spełniony. To ważna część programowania, która pomaga zautomatyzować powtarzające się zadania.

Pętla while wykonuje blok kodu tak długo, jak długo warunek jest prawdziwy (true).

Składnia:

    
      while (condition) {
        // kod, który zostanie wykonany, dopóki warunek jest prawdziwy
      }
    
  

Przykład:

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

      // Wyjście:
      // Iteracja numer 0
      // Iteracja numer 1
      // Iteracja numer 2
      // Iteracja numer 3
      // Iteracja numer 4
    
  

W tym przykładzie:

• Pętla kontynuuje wykonywanie, dopóki wartość i jest mniejsza niż 5
• W środku pętli wartość i jest zwiększana o 1 po każdej iteracji

6.2 Wykonujemy blok kodu n razy

Bardzo często zdarza się, że blok kodu trzeba wykonać określoną liczbę razy. Ten kod można zapisać jako pętlę while:

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

Ogólnie wygląda to tak:

    
      inicjalizacja
      while (warunek) {
        blok kodu
        krok
      }
    
  

6.3 Pętla for

Pętla for

Pętla for — jedna z najczęściej używanych pętli w JavaScript. Jest specjalnie zaprojektowana do powtarzania bloku kodu określoną liczbę razy.

Składnia:

    
      for (inicjalizacja; warunek; krok) {
        // kod, który zostanie wykonany przy każdej iteracji
      }
    
  

Przykład:

    
      for (let i = 0; i < 5; i++) {
        console.log(`Iteracja numer ${i}`);
      }
      // Wyjście:
      // Iteracja numer 0
      // Iteracja numer 1
      // Iteracja numer 2
      // Iteracja numer 3
      // Iteracja numer 4
    
  

Wyjaśnienie:

• let i = 0 — inicjalizacja zmiennej i, która będzie licznikem iteracji
• i < 5 — warunek, przy którym pętla kontynuuje wykonywanie. Pętla zatrzyma się, gdy i osiągnie wartość 5
• i++ — krok, który jest wykonywany po każdej iteracji, zwiększając wartość i o 1

6.4 Pętla do...while

Pętla do...while jest podobna do pętli while, ale z tą różnicą, że blok kodu jest wykonywany przynajmniej raz, zanim warunek zostanie sprawdzony.

Składnia:

    
      do {
        // kod, który zostanie wykonany przynajmniej raz
      } while (warunek);
    
  

Przykład:

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

      // Wyjście:
      // Iteracja numer 0
      // Iteracja numer 1
      // Iteracja numer 2
      // Iteracja numer 3
      // Iteracja numer 4
    
  

W tym przykładzie:

• Blok kodu wewnątrz do zostanie wykonany przynajmniej raz, nawet jeśli warunek jest początkowo fałszywy
• Po wykonaniu bloku kodu warunek jest sprawdzany i jeśli jest prawdziwy, pętla się kontynuuje

6.5 Porównanie pętli

Przykłady użycia pętli

Przeglądanie tablicy z użyciem for:

    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Wyjście: 1 2 3 4 5
    
  

Użycie while do oczekiwania na warunek:

    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Użycie do-while do wykonania przynajmniej jednej iteracji:

    
      let i = 0;

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

      // Wyjście: 0 (pętla wykonana raz, mimo fałszywego warunku)