W języku JavaScript, instrukcje break
i continue
są używane do kontroli przepływu pętli. break
pozwala na natychmiastowe zakończenie całej pętli, natomiast continue
powoduje przejście do następnej iteracji pętli, pomijając pozostały kod w bieżącej iteracji. Te instrukcje są szczególnie przydatne, gdy potrzebujemy warunkowo zatrzymać iterowanie lub pominąć pewne iteracje na podstawie określonych kryteriów.
Przykład użycia break
Opis: W poniższym przykładzie użyjemy instrukcji break
, aby zatrzymać pętlę, gdy osiągniemy liczbę 5. Pokażemy, jak break
pozwala uniknąć dalszego wykonywania pętli po spełnieniu określonego warunku.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Przykład instrukcji break</title>
</head>
<body>
<h3>Wykorzystanie instrukcji break w pętli</h3>
<script>
// Początek pętli od 1 do 10
for (let i = 1; i <= 10; i++) {
if (i === 5) {
// Używamy instrukcji break, aby zakończyć pętlę,
// gdy i osiągnie wartość 5
break;
}
console.log(i); // Wyświetla liczby od 1 do 4
}
</script>
</body>
</html>
Przykład użycia continue
Opis: Teraz zobaczymy, jak instrukcja continue
może być używana do pominięcia określonej iteracji w pętli. W tym przykładzie pominie iterację, gdy natrafimy na liczbę 5, kontynuując resztę pętli.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Przykład instrukcji continue</title>
</head>
<body>
<h3>Wykorzystanie instrukcji continue w pętli</h3>
<script>
// Początek pętli od 1 do 10
for (let i = 1; i <= 10; i++) {
if (i === 5) {
// Używamy instrukcji continue, aby pominąć
// resztę kodu w tej iteracji pętli,
// gdy i jest równe 5
continue;
}
console.log(i); // Wyświetla liczby od 1 do 4 i od 6 do 10
}
</script>
</body>
</html>
W obu przykładach, zarówno break
jak i continue
służą do manipulowania działaniem pętli w zależności od spełnienia określonych warunków. break
kończy pętlę całkowicie, podczas gdy continue
pomija tylko bieżącą iterację i kontynuuje z następną.
Podsumowanie
Instrukcje break
i continue
są potężnymi narzędziami w języku JavaScript, które pozwalają na bardziej elastyczne zarządzanie przepływem pętli. break
może być używany do zakończenia pętli, gdy już nie jest potrzebne dalsze jej wykonanie, natomiast continue
pozwala na pominięcie pewnych iteracji bez zatrzymywania całej pętli.
Jeżeli chcesz przyśpieszyć swoją naukę tworzenia stron chciałbym polecić mój kurs JavaScript od podstaw w którym nauczysz się tego języka od podstaw do zaawansowanych jego aspektów.