JavaScript #6 – Instrukcje warunkowe

Znając podstawowe operatory języka JavaScript możliwe jest tworzenie instrukcji warunkowychInstrukcja warunkowa, jak sama nazwa wskazuje ma za zadanie wykonywać określoną czynność, jeśli zostanie spełniony określony(przy pomocy operatora) warunek.

 

 

 

Instrukcje warunkowe

1)Instrukcja else if – jest to najprostszą, a zarazem najczęściej stosowaną instrukcją warunkową. Jej forma przybiera następującą postać

<script type="text/javascript">
var zmienna = 10;
if(zmienna == 5) //Jesli zmienna ma wartosc 5
{
document.write('Zmienna ma wartosc 5'); //Napisz, ze zmienna ma wartosc 5
} else if(zmienna == 15) //jesli zmienna ma wartosc 15
{
document.write('Zmienna ma wartosc 15'); //Napisz, ze zmienna ma wartosc 15
}
/*
Tutaj moze znalezc sie wiecej instrukcji else if
*/
else //jesli zmienna nie jest rowna 5 oraz 15
{
document.write('Zmienna nie jest rowna 5 oraz 15'); //Napisz, ze zmienna nie jest rowna 5 oraz 15
}
</script>

2)Instrukcja switch – jest uproszczoną i bardziej profesjonalną wersją else if. Wykorzystujemy ją w następujący sposób
<script type="text/javascript">
var zmienna = 10;
switch(zmienna) {
case 5: //jesli zmienna ma wartosc 5
document.write('Zmienna ma wartosc 5'); //Napisz, ze zmienna ma wartosc 5
break; //jesli zmienna ma wartosc 15
case 15:
document.write('Zmienna ma wartosc 15'); //Napisz, ze zmienna ma wartosc 15
break;
default: //jesli zmienna nie jest rowna 5 oraz 15
document.write('Zmienna nie jest rowna 5 oraz 15'); //Napisz, ze zmienna nie jest rowna 5 oraz 15
}
</script>

Jeśli Czytelnik chciałby stworzyć instrukcje warunkową z wieloma np. 30 warunkami użycie instrukcji else if byłoby bardzo czasochłonne i nieczytelne, a co za tym idzie nieprofesjonalne. Dlatego warto opanować case i stosować ją wszędzie tak, gdzie mamy zamiar sprawdzić więcej niż kilka warunków.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *