Kursy

Instrukcje

Instrukcje

If... else
Jest to bardzo łatwa a zarazem podstawowa funkcja wyboru. Wybór dokonywany jest w zależności czy dany warunek jest spełniony czy też nie. Tłumacząc tą instrukcję wychodzi nam, że "jeśli coś to coś, w przeciwnym razie coś innego". Najlepiej wytłumaczy Ci to poniższy schemat:

if (warunek)
{
instrukcje //wykonywane są gdy warunek jest spełniony
}
else
{
instrukcje //wykonywane są jeżeli warunek nie jest spełniony
}



A oto najprostszy przykład pokazujący działanie instrukcji:

var x=5;

if (x==5) // znak "==" oznacza porównanie jednej i drugiej strony
{
document.write("To jest liczba 5 !")
}
else
{
document.write("To z całą pewnością nie jest liczba 5")

}


Oczywiście zmienna x równa się 5 dlatego warunek jest spełniony. W efekcie uzyskamy zdanie "To jest liczba 5 !". Prawda, że łatwe ? :-)

No dobra. Ale co jeżeli potrzebujemy instrukcji, która sprawdzałaby kilka warunków, powiedzmy trzy? Nic prostszego, otóż JavaScript dysponuje bardziej rozbudowaną wersją instrukcji If...else. Powstaje ona w wyniku zastosowania kolejnych jej powtórzeń:

if (warunek)
{
instrukcje
}
else if (warunek)
{
instrukcje
}
else if (warunek)
{
instrukcje
}
....

Zasada działania też jest prosta. Gdy nie sprawdzi się pierwszy warunek, skrypt sprawdza warunek drugi i jeżeli jest on spełniony wykonuje jego instrukcje. Natomiast jeżeli pierwsze dwa nie są spełnione a spełniony jest ostatni warunek, to wykonywane są właśnie jego instrukcje. Na pierwszy rzut oka wydaje się to skomplikowane ale spójrz na przykład:

var x=5;

if (x==3)
{
document.write("To jest liczba 3")
}
else if (x==4)
{
document.write("To jest liczba 4")
}
else if (x==5)
{
document.write("To jest liczba 5")
}



Teraz w zależności od zmiennej, dany warunek będzie spełniony. W naszym przypadku zmienną x jest liczba 5, dlatego wyświetlona będzie ostatnia część "To jest liczba 5". Mam nadzieję, że to rozumiesz :-)

Switch
Jest to bardzo ciekawa a zarazem bardzo przydatna instrukcja JavaScript. Jest ona dość prosta w zastosowaniu i najczęściej wykorzystuje się ją gdy mamy kilka opcji do wyboru. Oto jej schemat:

switch (wyrażenie)
{
case wartość_wyrażenia : instrukcje; break
case wartość_wyrażenia : instrukcje; break
}



Zamknięcie instrukcją break nie jest konieczne, jednak ja polecam taką metodę aby zapobiec nieoczekiwanym wynikom skryptu.
Ciężko wytłumaczyć działanie "słownie" dlatego posłużę się prostym przykladem:

var x=5;

switch (x)
{
case 4 : document.write("Wyrażenie równe jest 4"); break
case 5 : document.write("Wyrażenie równe jest 5"); break
}



Na początku stworzyliśmy zmienną x równą 5. Zmienna ta jest naszym wyrażeniem które wykorzystujemy na początku instrukcji: switch (x) . Teraz w zależności od wartości jaką posiada nasze wyrażenie (w naszym przypadku 5) jesteśmy kierowani do konkretnego case.
W tym przykładzie będzie to case 5 ponieważ wartość wynosi 5. Sam widzisz, że jest to łatwe :-). Jedyne co musisz zrobić to zdefiniować case dla każdej z możliwych opcji. OK, ale co zrobić jeżeli chcemy zakończyć tylko na tych dwóch opcjach? Otóż wystarczy, że na końcu napiszemy:
 

default: instrukcje



Wszystki zawarte tu instrukcje zostaną wykonane jeżeli do danej wartości nie będzie przypisany żaden case np.

switch (x)
{
case 4 : document.write("Wyrażenie równe jest 4"); break
case 5 : document.write("Wyrażenie równe jest 5"); break
default: document.write("To nie jest ani liczba 4 ani 5"); break
}