JavaScript – 9. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama

JavaScript – 9. lekceJavaScript – 9. lekce

 

JavaScript – 9. lekce

Google       Google       20. 8. 2007       21 986×

  • Switch
  • For-in
  • Try, Catch + Throw

Reklama
Reklama

Po dlouhé době přicházím s pokračováním kurzu JavaScriptu. V dnešní lekci vám ukážu použití příkazu switch, dále vám osvětlím připojení nového příkazu in do již známé smyčky for. Nakonec vám ukážu využití dvojice příkazů try a catch spolu s třetím příkazem throw.

Switch

Switch je podobný smyčce if/else s jednou odlišností. Umožňuje vybrat a spustit některý z více úseků kódu v závislosti na vstupní hodnotě. Použítí switch vám ukážu na příkladě s vypsáním aktuálního dne v týdnu.


<script language="JavaScript" type="text/javascript">
  var d = new Date() //Date() automaticky zjistí dnešní datum
  datum = d.getDay() //getDay() automaticky zjistí, co je za den
  switch(datum){
    case 0: document.write("Dnes je neděle."); //Týden začíná nedělí
    break;
    case 1: document.write("Dnes je pondělí.");
    break;
    case 2: document.write("Dnes je úterý.");
    break;
    case 3: document.write("Dnes je středa.");
    break;
    case 4: document.write("Dnes je čtvrtek.");
    break;
    case 5: document.write("Dnes je pátek.");
    break;
    case 6: document.write("Dnes je sobota.");
    break;
    default: document.write("Došlo k chybě!");
  }
</script>

Malá ukázka:

Vysvětlivky:

  • case 0 – case vychází z hodnoty, kterou určuje proměnná datum, tedy je-li neděle, hodnota proměnné datum bude 0 a vykoná se příkaz za case s hodnotou 0
  • default – vykoná se, pokud hodnota proměnné neodpovídá ani jedné z hodnost case (v tomto případě by se to nemělo stát)
  • break – tento příkaz už znáte, jakmile skript najde hodnotu case shodnou s hodnotou proměnné, ukončí se cyklus

For-in

Příkaz in vám může pomoci vypsat prvky nějakého pole pomocí smyčky for. Myslím, že jeho užití nejlépe pochopíte z příkladu.


<script language="JavaScript" type="text/javascript">
  var x;
  jmena = new Array();
    jmena[0] = "Alík";   //I takto
    jmena[1] = "Ben";    //se dají
    jmena[2] = "Rolf";   //zapisovat
    jmena[3] = "Meggi";  //prvky pole

  document.write("Jména našich psů jsou: <br />");
  for(x in jmena){
    document.write(jmena[x] + "<br />");
  }
</script>

Myslím, že v tomto kódu je nové akorát in a nic jiného není třeba vysvětlovat.

Try, Catch + Throw

Příkazy try a catch spolu s příkazem throw umožňují například propojení dvou konstrukcí if nebo else if tak, že výstupní hodnota z první smyčky je použiza jako vstupní hodnota do druhé konstrukce. Takže když splníte jednu z podmínek v bloku try (každá z nich má hodnotu throw - určuje příkaz, který bude vykonán), tak výsledek jeho vyhodnocení je odeslán do bloku catch, kde se znovu vyhodnocuje a provádí se konečné výsledné reakce. Více viditelné to je na příkladu.


<script language="JavaScript" type="text/javascript">
  var x = prompt("Zadejte číslo mezi 10 a 20:","");
  try{
    if(x>20){
      throw "ChybaMoc";
    }
    else if(x<10){
      throw "ChybaMalo";
    }
  }
  catch(chyba){
    if(chyba == "ChybaMoc"){
      alert("Vámi zadané číslo je moc velké!");
    }
    if(chyba == "ChybaMalo"){
      alert("Vámi zadané číslo je moc malé!");
    }
  }
</script>

Zde podle mě také není nic nového kromě výše uvedených příkazů, takže není co vysvětlovat.

Úkol

Vytvořte 2 pole prvků (1. pole bude obsahovat 3 mužská jména a 2. pole bude obsahovat 3 ženská jména. Dále okno prompt, kterým získáte hodnotu. Když bude hodnota větší jak 50, vypíše se pole s mužskými jmény, když menší jak 50, vypíše se pole s ženskými jmény (použijte cyklus for s příkazem in a v určování podmínek použijte příkazy try, catch a throw).

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Tomáš BobekAutor je designérem stránek (2D grafika), ovládá jazyky HTML, CSS, PHP, JavaScript a zajímá se o programování v Javě.Krom programujte.com se podílí na projektech maths.cz (jako redaktor a grafik), ceskewebstudio.cz (jako designér) a webber.cz (jako JavaScript scriptař). Ostatní volný čas rád tráví s přáteli nebo sportuje (tenis, nohejbal, hokejbal, závodně fotbal).
Web     Twitter     Facebook    

Nové články

Obrázek ke článku Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres HCPP16 pořádá od 30. září do 2. října nezisková organizace Paralelní Polis již potřetí, a to ve stejnojmenném bitcoinovém prostoru v pražských Holešovicích. Letos přiveze na třídenní konferenci přes 40 většinou zahraničních speakerů – lídrů z oblastí technologií, decentralizované ekonomiky, politických umění a aktivismu. Náměty jejich přednášek budou také hacking, kryptoměny, věda, svoboda nebo kryptoanarchie.

Reklama
Reklama
Obrázek ke článku ICT PRO školení zaměřené nejenom na ICT

ICT PRO školení zaměřené nejenom na ICT

Dovolte, abychom se představili. Jsme zaměstnanci společnosti ICT Pro, profesionálové v oblasti poskytování komplexních ICT služeb. Neboli služeb spojených s informačními a komunikačními technologiemi, které dnes - ve 21. století - tvoří  nedílnou součást běžného provozu všech moderních firem.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý