Struktury sterujące
Struktury sterujące w języku programowania, takim jak JavaScript, są kluczowe dla decydowania, jak program powinien reagować na różne warunki i dane. Używamy ich do kontrolowania przepływu wykonania programu. Przykładem może być instrukcja if
, która pozwala na wykonanie kodu tylko wtedy, gdy spełniony jest określony warunek.
Rodzaje struktur sterujących
Warunkowe (
if
,else
,switch
)if
pozwala na wykonanie kodu, jeśli spełniony jest warunek.else
służy do wykonania kodu, gdy warunekif
nie jest spełniony.switch
pozwala na wybór wykonania kodu na podstawie wartości zmiennej.
Pętle (
for
,while
,do-while
)for
służy do powtarzania bloku kodu określoną liczbę razy.while
wykonuje blok kodu, dopóki spełniony jest określony warunek.do-while
jest podobny dowhile
, ale zapewnia, że blok kodu zostanie wykonany co najmniej raz.
Zastosowanie struktur sterujących
Wyobraźmy sobie, że piszemy skrypt do gry, w której gracz musi odgadnąć liczbę. Używamy struktury if
do sprawdzenia, czy gracz odgadł liczbę. Jeśli tak, gratulujemy mu; jeśli nie, prosimy o kolejną próbę.
let zgadywanaLiczba = 7;
let odpowiedzGracza = 5;
if (odpowiedzGracza === zgadywanaLiczba) {
console.log('Gratulacje! Odpowiedź jest poprawna.');
} else {
console.log('Niestety, to nie ta liczba. Spróbuj ponownie.');
}
Struktury sterujące są podstawą logiki w programowaniu. Pozwalają na tworzenie programów, które dynamicznie reagują na dane wejściowe użytkownika jak i również inne zmienne. Bez nich nasze programy byłyby tylko prostymi listami instrukcji, które wykonują się od początku do końca bez możliwości adaptacji czy interakcji.
Prosty przykład
Załóżmy, że pracujesz nad aplikacją pogodową. Chcesz wyświetlić różne obrazy w zależności od prognozy. Możesz użyć instrukcji switch
(na temat wszystkich użytych w tej lekcji poleceń mamy przygotowane oddzielne lekcje, więc na razie nie skupiaj się na kodzie, tylko na zrozumieniu czym są struktury sterujące) do zmiany obrazu na podstawie prognozowanej pogody.
let pogoda = 'słonecznie';
switch (pogoda) {
case 'słonecznie':
console.log('Wyświetlam obraz słonecznego dnia.');
break;
case 'deszczowo':
console.log('Wyświetlam obraz deszczowego dnia.');
break;
// itd.
default:
console.log('Standardowy obraz pogodowy.');
}
To tyle słowem wstępu. W kolejnych lekcjach dowieszpoznasz szczegóły na temat poszczególnych struktur sterujących.