Lekcja 2 – Pętle i Warunki: Podejmowanie Decyzji i Powtarzanie (Bez Wariacji) 🔄🤔

Witaj ponownie, nieustraszony odkrywco JavaScript! Opanowałeś(-aś) już zmienne i funkcje, a teraz nadszedł czas zanurzyć się w świat pętli i warunków—dwóch magicznych narzędzi, które pozwolą ci podejmować decyzje i powtarzać zadania bez wysiłku. Myśl o nich jak o zaklęciach „jeśli” i „zrób to jeszcze raz” w swoim podręczniku JavaScript!

Warunki – Sztuka Podejmowania Decyzji 🛤️

Warunki pozwalają twojemu kodowi podejmować decyzje zależnie od sytuacji, na przykład wybrać odpowiednią pizzę zależnie od nastroju.

Instrukcja if

Instrukcja if to twoje JavaScriptowe narzędzie decyzyjne. Sprawdza warunek i, jeśli jest prawdziwy, wykonuje określone działanie. Oto jak to wygląda w akcji:

let pogoda = "słonecznie";

if (pogoda === "słonecznie") {
  console.log("Czas założyć okulary przeciwsłoneczne! 😎");
} else {
  console.log("Weź parasol! ☔️");
}

W tym przykładzie:

• if sprawdza, czy pogoda równa się "słonecznie". Jeśli tak, wyświetla „Czas założyć okulary przeciwsłoneczne!”.
• else wchodzi w grę, jeśli pogoda nie jest słoneczna, przypominając o zabraniu parasola.

Instrukcja else if – Obsługa Wielu Przypadków

Czasem w życiu nie jest tylko słonecznie czy deszczowo; może być też pochmurnie albo śnieżnie. Tu przydaje się else if, pozwalając obsłużyć więcej scenariuszy.

let pogoda = "pochmurno";

if (pogoda === "słonecznie") {
  console.log("Dziś jest słonecznie! 😎");
} else if (pogoda === "pochmurno") {
  console.log("Wygląda na to, że nadciągają chmury. 🌥️");
} else {
  console.log("Lepiej sprawdź prognozę! 🤔");
}

Ten przykład sprawdza kilka warunków, dając różne odpowiedzi zależnie od pogody. else służy tu jako wyjście awaryjne na wypadek niespodziewanych zdarzeń—na przykład ostrzeżenia przed huraganem.

Pętle – Powtarzanie Bez Utraty Rozumu 🔁

Pętle są tu po to, by ocalić cię przed koniecznością pisania tego samego kodu w kółko. To jak zaprogramowanie ekspresu do kawy na automatyczne dolewanie kawy. Przyjrzyjmy się dwóm najpopularniejszym pętlom w JavaScript: for i while.

Pętla for

Pętla for jest idealna, gdy wiesz dokładnie, ile razy chcesz coś powtórzyć. Oto jak wygląda:

for (let i = 0; i < 5; i++) {
  console.log("Cześć, JavaScript!");
}

W tym przykładzie:

• let i = 0 uruchamia licznik od zera.
• i < 5 oznacza, że pętla będzie trwała, dopóki i jest mniejsze od 5.
• i++ zwiększa i o 1 za każdym razem, gdy pętla się wykonuje.

Ta pętla wyświetli “Cześć, JavaScript!” pięć razy. Znacznie prościej, niż wpisywać to ręcznie pięć razy, prawda?

Pętla while

Pętla while jest idealna, gdy nie wiesz dokładnie, ile razy będziesz musiał powtórzyć coś—po prostu trwa, dopóki warunek jest prawdziwy.

let filiżankiKawy = 0;

while (filiżankiKawy < 3) {
  console.log("Dolewam kolejną filiżankę ☕️");
  filiżankiKawy++;
}

Tutaj, dopóki filiżankiKawy są mniejsze niż 3, JavaScript będzie dolewać kawy. Więc jeśli jesteś gotowy na noc pełną kodowania, pętla while jest do usług.

Instrukcja break – Czas na Przerwę

Czasem trzeba zatrzymać pętlę, zanim osiągnie koniec—może kawa już wystarczy, albo znalazłeś to, czego szukałeś. Tu break staje się twoim przyjacielem.

for (let i = 0; i < 10; i++) {
  if (i === 3) {
    console.log("Znalezione! Zatrzymujemy pętlę.");
    break;
  }
  console.log("Szukam...");
}

Ta pętla wyświetli „Szukam…” dopóki i nie osiągnie 3, a potem wyświetli „Znalezione!” i zakończy się.

Złóżmy to Wszystko w Całość! 🛠️

Stwórzmy mały program, który wykorzystuje warunki i pętle do rozwiązania problemu. Na przykład: prosty licznik kawy, który zatrzymuje się, gdy osiągnie twój dzienny limit.

Zadanie: Twój Dzienny Licznik Kawy

1. Ustaw zmienną maksFiliżanek na swój limit kawy (powiedzmy 5).
2. Napisz pętlę for, która liczy każdą wypitą filiżankę kawy.
3. Użyj instrukcji if wewnątrz pętli, aby sprawdzić, czy osiągnąłeś limit. Jeśli tak, wyświetl „Wystarczy tej kawy!” i zakończ pętlę.

let maksFiliżanek = 5;

for (let filiżanki = 1; filiżanki <= maksFiliżanek; filiżanki++) {
  console.log("Filiżanka " + filiżanki + " kawy. ☕️");
  if (filiżanki === maksFiliżanek) {
    console.log("Wystarczy tej kawy!");
    break;
  }
}

Po uruchomieniu tego kodu JavaScript będzie liczył każdą filiżankę i zatrzyma się, gdy osiągnie maksymalną ilość.

Co Dalej?

Gratulacje! Właśnie opanowałeś(-aś) warunki i pętle—dwa supermoce, które pomogą ci podejmować inteligentne decyzje i automatyzować powtarzalne zadania w twoim kodzie. W następnym odcinku zagłębimy się w tablice i obiekty: magiczne skrzynie na skarby, w których JavaScript przechowuje swoje wartości.

Czekaj na Lekcja 3 – Tablice i Obiekty: Twoje Skarbnice Danych!

A teraz idź i pętl się do woli! 🕺💃

Zobacz też

• Lekcja 6 – Delegowanie zdarzeń: Mistrzostwo w efektywności
• Lekcja 5 – Magia Wydarzeń: Spraw, by Twoje Strony Ożyły
• Lekcja 4 – Manipulacja DOM: Zamień Internet w Swój Własny Plac Zabaw
• Lekcja 3 – Tablice i Obiekty: Twoje Skarbce Danych
• Odkryj Moc JavaScript – Podróż dla Początkujących (Peleryna Nie Wymagana)