LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> JavaScript -- 6 -- Switch

Tento diel sa zaoberá príkazom switch a jeho praktickým použitím.

27.7.2004 10:00 | Rišo Marko | Články autora | přečteno 14358×

Switch

Pokiaľ by ste potrebovali porovnávať vstup s viacerými hodnotami bolo by nepraktické a neprehľadné používať príkaz if. Preto máme v JavaScripte príkaz switch (prepínač), ktorý funguje spolu s príkazom case.

Syntax

switch (výraz) {
  case hodnota1:
   zoznam príkazov1;
  case hodnota2:
   zoznam príkazov2;
  case hodnota3:
   zoznam príkazov3;
  case hodnota4:
   zoznam príkazov4;
...
  default :
   zoznam príkazov pri neuspechu
}

Pokiaľ je výsledkom výrazu (ktorý sa vždy musí nachádzať v zátvorkách) hodnota uvedená vo vetvách case, vykoná sa zoznam príkazov nielen v tejto vetve ale aj vo všetkých ostatných. Pokiaľ chcete aby sa vykonal len zoznam príkazov v odpovedajúcej vetve je potrebné použiť príkaz break;, ktorý spôsobí ukončenie switchu a teda vykoná sa len kód v jednej vetve. Posledná vetva default je nepovinná a vykoná sa len vtedy, keď výrazu neodpovedá žiadna z hodnôt. Príkaz switch používa pri porovnávania rovnosť (==) a preto je možné za operátorom case uviesť len jednu hodnotu nikdy viac hodnôt alebo interval, či výraz.

Príklad:

<script type = "text/javascript">
function go()
{

var denvtyzdni = prompt('Zadaj číslo dňa v týždni');
switch (denvtyzdni) {
  case '1':
   alert('Dnes je pondelok.');
   break;
  case '2':
   alert('Dnes je utorok.');
   break;
  case '3':
   alert('Dnes je streda.');
   break;
  case '4':
   alert('Dnes je štvrtok.');
   break;
  case '5':
   alert('Dnes je konečne piatok.');
   break;
  case '6':
   alert('Dnes je sobota.');
   break;
  case '7':
   alert('Dnes je už nedeľa.');
   break;
  default:
   alert('Chyba');
   break;
} // ukoncenie switchu
} // ukoncenie funkcie
</script>

V príklade môžte vidieť jednoduché porovnanie premennej s hodnotami na základe ktorého je následne vypísaný deň v týždni. V skripte je tiež použitý nový prvok - príkaz prompt, ktorý po spustení vyhodí dialógové okno, do ktorého je možné i čo to napísať. Napísaný text sa zapíše do premennej denvtyzdni a ďalej pomocou case porovná. Kvôli tomu, že výstup funkcie prompt je textový, je potrebné uzavrieť všetky hodnoty case do úvodzoviek. Pokiaľ porovnávate len čísla úvodzovky sa nepoužívajú. Celý skript je zapísaný do funkcie go, ktorú je možne volať z kadekoľvek. Najlepšie ako udalosť:

<a onclick='go();'>Deň</a>

Udalostiam sa bude venovaný celý jeden diel seriálu.

Výsledok:

Deň

V minulom diely som zabudol spomenúť, že pomocou podmienok je tiež možné porovnávať textové premenné a iné textové hodnoty. To umožňuje tiež príkaz switch. V ďalšom príklade je rovnaký skript pracujúci opačne - podľa vstupu (mena dňa v týždni) vráti jeho číslo.

Príklad:

<script type = "text/javascript">
function go()
{

var denvtyzdni = prompt('Zadaj meno dňa v týždni bez diakritiky - {pondelok, utorok, streda, stvrtok, piatok, sobota, nedela}');
switch (denvtyzdni) {
  case 'pondelok':
   alert('1');
   break;
  case 'utorok':
   alert('2');
   break;
  case 'streda':
   alert('3');
   break;
  case 'stvrtok':
   alert('4');
   break;
  case 'piatok':
   alert('5');
   break;
  case 'sobota':
   alert('6');
   break;
  case 'nedela':
   alert('7');
   break;
  default:
   alert('Chyba - nesprávne zadanie');
   break;
} // ukoncenie switchu
} // ukoncenie funkcie
</script>


Čislo dňa

Číselný príklad:

<script type = "text/javascript">
function vypis(coho)
{

switch (coho) {
  case 1:
   document.write('Text vypisany po zavolani funkcie s parametrom 1<br>');
   break;
  case 2:
   document.write('Text vypisany po zavolani funkcie s parametrom 2<br>');
   break;
  case 3:
   document.write('Text vypisany po zavolani funkcie s parametrom 3<br>');
   break;
  default:
   document.write('Text vypísaný funkciou bez parametra alebo s iným parametrom ako bol definovaný<br>');
   break;
} // ukoncenie switchu
} // ukoncenie funkcie
</script>

Toto je použiteľné keď potrebujete vypisovať rôzne druhy textu. Switch vyhodnocuje parameter funkcie a podľa neho sa rozhodne čo vypíše Funkciu zavoláme celkom jednoducho no musí byť zapisaná medzi tagmi <script></script> nasledovne.

<script type = "text/javascript">
vypis(1);
vypis(2);
vypis(3);
vypis(0);
vypis();
</script>

Samotný skript s funkciou vypis je najlepšie zapísať do hlavičky dokumentu medzi tagy <head></head> a kdekoľvek v dokumente ju volať.

To bolo pre tento diel všetko v ďalšom sa už konečne pozrieme i na cykly.

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

16.7.2018 1:05 /František Kučera
Červencový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 7. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát bude přednáška na téma: automatizační nástroj Ansible, kterou si připravil Martin Vicián.
Přidat komentář

18.6.2018 0:43 /František Kučera
Červnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 21. 6. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: F-Droid, aneb svobodný software do vašeho mobilu. Kromě toho budou k vidění i vývojové desky HiFive1 se svobodným/otevřeným čipem RISC-V.
Přidat komentář

23.5.2018 20:55 /Ondřej Čečák
Od pátku 25.5. proběhne na Fakultě informačních technologií ČVUT v Praze openSUSE Conference. Můžete se těšit na spostu zajímavých přednášek, workshopů a také na Release Party nového openSUSE leap 15.0. V na stejném místě proběhne v sobotu 26.5. i seminář o bezpečnosti CryptoFest.
Přidat komentář

20.5.2018 17:45 /Redakce Linuxsoft.cz
Ve čtvrtek 31. května 2018 připravuje webový magazín BusinessIT ve spolupráci s Best Online Média s.r.o. pátý ročník odborné konference Firemní informační systémy 2018. Akce proběhne v kongresovém centru Vavruška (palác Charitas), Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00 hod. dopoledne do cca 15 hod. odpoledne. Konference je zaměřena na efektivní využití firemních informačních systémů a na to, jak plně využít jejich potenciál. Podrobnější informace na webových stránkách konfrence.
Přidat komentář

14.5.2018 7:28 /František Kučera
Květnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 17. 5. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát na téma: Audio – zvuk v GNU/Linuxu.
Přidat komentář

7.5.2018 16:20 /František Kučera
Na stránkách spolku OpenAlt vyšla fotoreportáž Pražské srazy 2017 dokumentující srazy za uplynulý rok. Květnový pražský sraz na téma audio se bude konat 17. 5. 2018 (místo a čas ještě upřesníme).
Přidat komentář

17.4.2018 0:46 /František Kučera
Dubnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 4. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tématem tohoto srazu bude OpenStreetMap (OSM) aneb svobodné mapy.
Přidat komentář

16.3.2018 22:01 /František Kučera
Kulatý OpenAlt sraz v Praze oslavíme klasicky: u limonády a piva! Přijďte si posedět, dát si dobré jídlo a vybrat z mnoha piv do restaurace Kulový blesk, který najdete v centru Prahy nedaleko metra I. P. Pavlova na adrese Sokolská 13, Praha 2. Sraz se koná ve čtvrtek 22. března a začínáme v 18:00. Heslo: OpenAlt. Vezměte s sebou svoje hračky! Uvítáme, když si s sebou na sraz vezmete svoje oblíbené hračky. Jestli máte nějaký drobný projekt postavený na Arduinu, nějakou zajímavou elektronickou součástku, či třeba i pěkný úlovek z crowdfundingové akce, neváhejte. Oslníte ostatní a o zábavu bude postaráno.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

20.2.2018 18:48 / Ivan Majer
portal

20.2.2018 15:57 / Jan Havel
Jak využíváte služby cloudu v podnikání?

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze