CodeGym /Kursy /Frontend SELF PL /Zarządzanie przepływem wykonania pętli

Zarządzanie przepływem wykonania pętli

Frontend SELF PL
Poziom 34 , Lekcja 4
Dostępny

10.1 Operator break

Operatory break i continue są używane do zarządzania przepływem wykonania pętli w JavaScript. Pozwalają na natychmiastowe przerwanie wykonywania pętli lub przejście do następnej iteracji odpowiednio.

Operator break

Operator break służy do natychmiastowego wyjścia z pętli. Kiedy break pojawia się w ciele pętli, jej wykonywanie jest przerywane, a sterowanie przekazywane jest do następnego bloku kodu poza pętlą.

Składnia:

    
      break;
    
  

Przerwanie pętli for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i === 5) {
          break; // Przerywa pętlę przy osiągnięciu i = 5
        }
        console.log(i);
      }

      // Wyjście: 0 1 2 3 4
    
  

10.2 Operator continue

Operator continue używany jest do pomijania bieżącej iteracji pętli i przechodzenia do następnej. W przeciwieństwie do operatora break, continue nie kończy całej pętli, jedynie pomija bieżącą iterację.

Składnia:

    
      continue;
    
  

Pomijanie iteracji w pętli for:

JavaScript
    
      for (let i = 0; i < 10; i++) {

        if (i % 2 === 0) {
          continue; // Pomija bieżącą iterację, jeśli i jest parzyste
        }
        console.log(i);
      }

      // Wyjście: 1 3 5 7 9
    
  

Pomijanie iteracji w pętli while:

JavaScript
    
    let i = 0;

    while (i < 10) {
      i++;
      if (i % 2 === 0) {
        continue; // Pomija bieżącą iterację, jeśli i jest parzyste
      }
      console.log(i);
    }

    // Wyjście: 1 3 5 7 9
    
  

10.3 Porównanie operatorów break i continue

Operator Opis Przykłady użycia
break Natychmiast kończy wykonywanie bieżącej pętli Wyjście z pętli przy spełnieniu warunku
continue Pomija bieżącą iterację pętli i przechodzi do następnej iteracji Pomijanie iteracji pętli przy spełnieniu warunku

Operatory break i continue są potężnymi narzędziami do zarządzania przepływem wykonania pętli w JavaScript. break używane jest do natychmiastowego zakończenia pętli, natomiast continue pomija bieżącą iterację i przechodzi do następnej. Poprawne użycie tych operatorów pozwala tworzyć bardziej elastyczny i efektywny kod, który jest łatwiejszy do zrozumienia i utrzymania.

10.4 Użycie break i continue w zagnieżdżonych pętlach

Zagnieżdżone pętle to pętle znajdujące się wewnątrz innych pętli. Operatory break i continue można używać w takich konstrukcjach do zarządzania przepływem wykonania zarówno pętli zewnętrznej, jak i wewnętrznej.

Przykład z break w zagnieżdżonych pętlach:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            break; // wyjście z wewnętrznej pętli
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Wyjście:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  

Przykład z continue w zagnieżdżonych pętlach:

JavaScript
    
      for (let i = 0; i < 3; i++) {
        for (let j = 0; j < 3; j++) {
          if (i === 1 && j === 1) {
            continue; // pominięcie iteracji wewnętrznej pętli
          }
          console.log(`i = ${i}, j = ${j}`);
        }
      }

      // Wyjście:
      // i = 0, j = 0
      // i = 0, j = 1
      // i = 0, j = 2
      // i = 1, j = 0
      // i = 1, j = 2
      // i = 2, j = 0
      // i = 2, j = 1
      // i = 2, j = 2
    
  
1
Ankieta/quiz
Pętle i tablice, poziom 34, lekcja 4
Niedostępny
Pętle i tablice
Pętle i tablice
Komentarze
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION