Pętle: for, while, do…while, for…of a for…in
Poznaj podstawy pętli: for, while, do…while oraz dowiedz się, kiedy używać for…of, a kiedy for…in dla tablic i obiektów.
Pętle: for, while, do…while, for…of a for…in to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 2 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 3 lekcji w sumie.
Wprowadzenie
Cel: Należy wybrać właściwą pętlę. Poznać for, while, do…while oraz dowiedzieć się, kiedy używać for…of, a kiedy for…in.
- Pętle z licznikiem
- Pętle zależne od warunku
- Iterowanie po wartościach a kluczach
Podstawy pętli for
for jest idealna, gdy potrzebny jest indeks i warunek zakończenia.
// Classic for: great for indexes
const nums = [2, 4, 6];
for (let i = 0; i < nums.length; i++) {
console.log("Index:", i, "Value:", nums[i]);
}
Podstawy pętli while
while najpierw sprawdza warunek; należy pamiętać o zmianie zmiennej sterującej pętli.
// while: run while a condition stays true
let count = 3;
while (count > 0) {
console.log("Countdown:", count);
count = count - 1;
}
console.log("Go!");
Podstawy do…while
do…while najpierw wykonuje ciało pętli, a następnie sprawdza warunek; jest przydatna, gdy wykonanie musi nastąpić co najmniej raz.
// do…while: runs the body at least once
let tries = 0;
do {
console.log("Attempt:", tries + 1);
tries = tries + 1;
} while (tries < 2);
for…of a for…in
for…of zwraca wartości, natomiast for…in zwraca klucze i może uwzględniać klucze odziedziczone.
// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)
const colors = ["red", "green", "blue"];
for (const value of colors) {
console.log("of value:", value);
}
for (const key in colors) {
console.log("in key:", key);
}
Wskazówki dotyczące pętli
Wskazówki:
- W przypadku tablic należy preferować for…of, aby bezpośrednio otrzymywać wartości.
- for…in należy używać dla kluczy obiektów, a nie tablic.
- Należy unikać nieskończonych pętli i zawsze aktualizować zmienną sterującą.
Quiz: for…of a for…in
Szybkie sprawdzenie: bezpośrednie wartości tablicy.
Podsumowanie
Podsumowanie: Należy używać for dla indeksów, while dla pętli sterowanych warunkiem, do…while, aby wykonać ciało pętli raz przed sprawdzeniem, oraz for…of dla wartości tablicy.
Często zadawane pytania
Czy lekcja „Pętle: for, while, do…while, for…of a for…in” jest bezpłatna?
Tak — pełny tekst „Pętle: for, while, do…while, for…of a for…in” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 3 lekcji w sumie.
Co nauczysz się w „Pętle: for, while, do…while, for…of a for…in”?
Poznaj podstawy pętli: for, while, do…while oraz dowiedz się, kiedy używać for…of, a kiedy for…in dla tablic i obiektów. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?
Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 3.
Ile czasu zajmuje lekcja „Pętle: for, while, do…while, for…of a for…in”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?
Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- if/else i switch — podstawowe wzorce
- Pętle: for, while, do…while, for…of a for…in
- Wczesne zwroty i klauzule ochronne