Pętla zagnieżdżona
Część sekcji Podstawy ścieżki JavaScript w Coddy. Lekcja 44 z 77.
Pętla zagnieżdżona to po prostu pętla wewnątrz innej pętli. Pętla wewnętrzna wykona wszystkie swoje iteracje podczas każdej pojedynczej iteracji pętli zewnętrznej.
Dobrym porównaniem jest zegar: dla każdej godziny (pętla zewnętrzna) wskazówka minutowa (pętla wewnętrzna) musi wykonać pełny 60-minutowy cykl.
Przykład zagnieżdżonej pętli:
let rows = 2;
let cols = 2;
for (let x = 0; x < rows; x++) {
for (let y = 0; y < cols; y++) {
console.log(x, y);
}
}
// To wyświetli:
// 0 0
// 0 1
// 1 0
// 1 1Pętla zewnętrzna (x) wykonuje się rows razy, a przy każdym z tych wykonań pętla wewnętrzna (y) wykonuje się cols razy. Każda pętla ma własny licznik: y za każdym razem zaczyna ponownie od 0, gdy wykonuje się pętla zewnętrzna, natomiast rows i cols pozostają takie same i tylko informują pętle, kiedy mają się zatrzymać.
Wyzwanie
PoczątkującyNapisz program, który wypisuje prostokąt z gwiazdek (*) o podanej szerokości i wysokości.
Dane wejściowe: dwie liczby całkowite: width i height (kod początkowy już je odczytuje).
Na przykład:
Jeśli width = 5 i height = 3, wynik powinien wyglądać tak:
*****
*****
*****Jeśli width = 4 i height = 6, wynik powinien wyglądać tak:
****
****
****
****
****
****Użyj nowego licznika dla każdej pętli (na przykład i dla wierszy i j dla gwiazdek w wierszu) i porównuj go z height lub width. Nie zmieniaj samych height i width: każdy wiersz ponownie potrzebuje wartości width.
Spróbuj swoich sił
let width = parseInt(inp[0]); // Nie zmieniaj tej linii
let height = parseInt(inp[1]); // Nie zmieniaj tej linii
// Napisz swój kod poniżej
Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
4Operatory, część 2
Operatory logiczne, część 1Operatory logiczne, część 2Powtórka — prosta logikaOperatory logiczne, część 3Konwersja typów7Kalkulator podziału rachunku
Wiadomość powitalnaObliczanie napiwku i sumy10FizzBuzz z niespodzianką
Omówienie gryFunkcja FizzBuzz2Zmienne
LiczbyŁańcuch znakówWartość logicznaKonwencje nazewnictwaPuste zmiennePodsumowanie – inicjalizacja zmiennychStałe5Podejmowanie decyzji
Instrukcja ifIf - ElsePowtórka – prosty kalkulatorZagnieżdżone If - ElseInstrukcja switch3Operatory, część 1
Operatory arytmetyczneOperator moduloSkrócone operatory arytmetyczneOperatory porównaniaRówność ścisła a luźnaPowtórka — prosta matematyka6Podstawowe wejście/wyjście
WyjścieWyjście ze zmiennymiKonwersja typów — część 1Konwersja typów — część 2Powtórka — do 120Powtórka — prawda czy fałszPoćwicz samodzielnie: Kompilator JavaScript online