JS - instrukcje sterujące

Temat: Instrukcja warunkowa if, if-else
W przypadku instrukcji if kod będzie wykonywany, jeżeli warunek jest prawdziwy. Składnia jest
następująca:
if (warunek) {
kod wykonywany, jeżeli warunek spełniony (true)
}
Przykład. Przykład if-else. Program zapobiegający dzieleniu przez zero.
a=3;
b=4;
if(b==0)
{
document.write(‘Nie można dzielić przez zero');
}
else
{
document.write(a/b);
}
Pytanie. Co wyświetli program, gdy b==0?
1
Temat: Instrukcja wyboru switch-case
Wykonywany jest blok instrukcji, gdy wartość zmiennej określonej w switch przyjmie którąś z wartości
case.
switch (zmienna) {
case 1: instrukcje (wykonywane, gdy zmienna==1); break;
case 2: instrukcje (wykonywane, gdy zmienna==2); break;
// ...itd
default:
kod wykonywany, gdy żadnej z powyższych wartości nie przyjmuje zmienna
}
Przykład. Wyświetlanie ocen opisowych
ocena=5;
switch(ocena)
{
case 1: document.write(“Niedostateczny!!!”); break;
case 2: document.write(“Dopuszczający”); break;
case 3: ….
Default: document.write(‘Nie ma takiej oceny'); break;
}
Uwaga: break powoduje natychmiastowe opuszczenie instrukcji switch.
2
Temat: Instrukcja pętli while, do-while
Pętla to jest instrukcja, za pomocą, której można wykonać wielokrotne powtórzenie tych samych instrukcji.
Iteracja (łac. iteratio – powtarzanie) – czynność powtarzania (najczęściej wielokrotnego) tej samej
instrukcji (albo wielu instrukcji) w pętli. Mianem iteracji określa się także operacje wykonywane wewnątrz
takiej pętli.
Konstrukcja:
while(warunek)
{
instrukcje (wykonywane, gdy warunek jest prawdziwy)
}
Przykład. Zastosowanie pętli do wyliczenia potęgi a^b
Analiza działania pętli:
a
b
potega
-------------------------------2
4
1
2
3
4
2
8
1
16
0
a = 2;
b=4
potega = 1;
while(b>0) {
potega = potega * a;
b = b-1;
}
document.write(potega);
Uwaga: istnieją dwie wersje pętli while i do-while. Druga wersja sprawdza warunek na końcu
wykonywania pętli.
do {
Instrukcje
……
} while(warunek);
3
Temat: Pętla z licznikiem for
Zastosowanie pętli for ułatwia pisanie programów, szczególnie przeglądanie tablic, gdyż instrukcje
inicjalizacji, warunku i aktualizacji zmiennych odpowiedzialnych za wykonywanie pętli zgrupowano w
jednym miejscu.
for(inicjalizacja; warunek zakończenia pętli; aktualizacja kroku)
{
instrukcje pętli
}
Przykład. Pętla wyświetlająca napis 1000 razy.
for(i=0; i<1000;i++) {
document.write(„Pętlę się 1000 razy”);
}
Pytanie. Jak duży byłby program, gdyby nie zastosowano pętli?
Przykład. Powyższy program zrealizowany za pomocą pętli while
i=0;
while(i<1000) {
document.write(„Pętlę się 1000 razy”);
i++;
}
Pytanie. Który program wydaje się prostszy?
ZADANIE DOMOWE: SPRAWDŹ DZIAŁANIE WSZYSTKICH PROGRAMÓW W
JAVASCRIPTONLINE. DOBRYM ĆWICZENIEM JEST ZMIENIANIE PROGRAMU
I ANALIZA EFEKTÓW ZMIAN!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!.
4
Przykładowe pytania:
1. Zaznacz wyrażenie, które porównuje zmienną sum z wartością 65 i jeśli zmienna ma mniejszą
wartość program wypisze "Sorry, try again",
a)
b)
c)
d)
if( 65 < sum ) alert("Sorry, try again" );
if( sum <= 65 ) alert("Sorry, try again" );
if( 65 == sum ) alert("Sorry, try again" );
if( sum < 65 ) alert("Sorry, try again" );
2. Co wyświetli program jeśli zmienna x ma wartość 10
if(x>10) alert(“Dużo”); else alert(“Mało”) ;
a)
b)
c)
d)
Dużo
Mało
Dużo Mało
Mało Dużo
3. Która składnia instrukcji switch jest poprawna?
a)
switch(zmienna) {
case 1: … break;
case 2: … break;
default:
}
b)
case(zmienna) {
switch 1: … break;
switch 2: … break;
default:
}
c)
switch(zmienna) {
case=1: … break;
case=2: … break;
default:
}
d)
case(zmienna) {
switch=1: … break;
switch=2: … break;
default:
}
4. Jakie słowo kluczowe powoduje natychmiastowe wyjście z instrukcji switch?
………………………..
5. Który diagram odpowiada instrukcji if-else
a)
b)
c)
6. Która wersja programu wyświetli na ekranie liczby 0,1,2,3,4,5,6
a) for(x=0; x<=6; x+=2) { document.write (x); }
b) for(x=0; x<=6; x++) { document.write (x); }
c) for(x=1; x<6; x+=2) { document.write (x); }
d) for(x=1; x<6; x++) { document.write (x); }
7. Ile razy program i=0; while(i<10) { document.write(‘OK’); i+=2; }wyświetli napis OK
a) 5
b) 4
c) 6
d) 10
5