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

JavaScript - 5. lekceJavaScript - 5. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno

JavaScript - 5. lekce

Google       Google       8. 2. 2006       26 652×

  • Pole a vše kolem něj
  • Vlastnosti polí
  • Dialogová okna

Reklama
Reklama

Pole v JavaScriptu

Pole je skupina "proměnných" v jednom prvku, kde jsou jednotlivé "proměnné" číslovány od nuly. Lépe to pochopíte na příkladech.

Deklarace pole (do hlavičky):


<script language="JavaScript" type="text/javascript">
 pole1 = new Array("prvek č.0", "prvek č.1", "prvek č.2", "prvek č.3"); //první způsob deklarace
 pole2 = ["prvek č.0", "prvek č.1", "prvek č.2", "prvek č.3"]; //druhý způsob deklarace
</script>

Zápis pole do dokumentu:


<script language="JavaScript" type="text/javascript">
 document.write(pole1[0]+ ", " +pole1[3]+ ", " +pole2[1]);
</script>

Měli bychom se dopídit k výsledku:


prvek č.0, prvek č.3, prvek č.1

Vysvětlení:

  • new Array - deklaruje prvky pole, pouze pokud jsou v kulaté závorce
  • pole1 - název pole (je libovolný, třeba i číslo)
  • (pole1[0]) - pole1 značí, že budeme čerpat z pole s názvem pole1 a číslo v hranaté závorce nám značí číslo prvku (začíná se od 0)
  • znaménka + a vkládání mezer snad nemusím vysvětlovat

Slučování polí

Ke slučování dvou polí do jednoho budeme používat metodu concat(). Ukážeme si jeden příklad slučování polí.

Do hlavičky píšeme:


<script language="JavaScript" type="text/javascript">
 pole1 = ["a", "b", "c"];
 pole2 = ["d", "e", "f"];
 pole3 = pole1.concat(pole2);
</script>

Chceme-li zapsat 'e', napíšeme do těla dokumentu


<script language="JavaScript" type="text/javascript">
 document.write(pole2[1]); //zápis 'e' z druhého pole
 document.write(pole3[4]); //zápis 'e' ze třetího pole
</script>

Přidávání prvků do polí

Tady si ukážeme, jak přidat další prvky do jednoho pole, aniž bychom toto pole museli přepisovat. Ukážeme si tři způsoby - jak umístit prvek kamkoli do pole, jak umístit prvek na konec pole, jak umístit prvek na začátek pole (budu psát pouze zápis do hlavičky souboru).

Umístění s libovolným pořadím:


<script language="JavaScript" type="text/javascript">
 pole = ["prvek0", "prvek1", "prvek2"];
 pole[3] = "prvek3"; //do pole jsme přidali třetí prvek s poř. číslem 3
</script>

Umístění na konec pole:


<script language="JavaScript" type="text/javascript">
 pole = ["prvek0", "prvek1", "prvek2"];
 pole.push("prvek3", "prvek4"); // na konec pole jsme přidali další dva prvky
</script>

Umístění na začátek pole:


<script language="JavaScript" type="text/javascript">
 pole = ["prvek1", "prvek2", "prvek3"];
 pole.unshift("prvek0"); //na začátek pole jsme přidali jeden prvek
</script>

Úkol č.1

Do hlavičky souboru napište pole se třemi prvky - pomeranč, cukr, petržel. Do těla souboru pak text: Musím koupit cukr, petržel a pomeranč. (cukr, petržel a pomeranč musí pochopitelně být prvky pole)

Vlastnosti pole

Metoda Vlastnost
concat(...) spojí daná pole
join(oddělovač) spojí daná pole, která oddělí oddělovačem
push(...) přidá prvky na konec pole
upshift(...) přidá prvky na začátek pole
pop() odstraní poslední prvek pole a vrátí ho
reverse() obrátí pořadí prvků v poli
slice(od, do) vrátí prvky od do...
sort() seřadí prvky v poli
tostring() vrátí všechny prvky oddělené čárkou
shift() odstraní první prvek v poli

Dialogová okna

Pomocí dialogových oken vás může script upozorňovat, dávat vám na výběr, zkrátka můžete se scriptem komunikovat. Ukážeme si dva příklady se jménem autora článku a jeden se změnou barvy písma.

První příklad:


<input type="button" onclick="alert('Jméno autora')" value="Autor">

Výsledek:

Druhý příklad (s dotazem):


<head>
<script language="JavaScript" type="text/javascript">
 function dotaz(){
  okno = confirm("Chcete znát jméno autora tohoto článku?");
  if(okno) alert("Jmeno autora");
 }
</script>
</head>
<body>
<input type="button" onclick="dotaz();" value="Autor">
</body>

Výsledek:

Co ještě neznáme:

  • confirm - vyvolá dotazník s možnostmi ano nebo ne
  • if - vyvolá něco pouze pokud byly spněny podmínky předešlé události (u nás se vyvolá alert, pokud jste v dotazníku stiskli ano)
  • (okno) - je hodnota příkazu if

Úkol č.2

Udělejte stránku, kde bude obyčejný text. Když na něj kliknu, objeví se mi dotaz, zda-li chci vidět věk autora. Po stisknutí 'ano' se věk autora ukáže.

×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 Jak správně sedět u notebooku, aby nebolela záda

Jak správně sedět u notebooku, aby nebolela záda

Lidé často ke své práci nebo ve volném čase používají notebooky. Aby si při práci s nimi nezničili záda, je důležité se naučit správně sedět. MUDr. Michaela Tomanová primářka Infinity Clinic a Rehabilitačního ústavu Brandýs nad Orlicí radí, jak na to.

Reklama
Reklama
Obrázek ke článku Blockchain a tokenizace mají potenciál i ve světě tradičních investic.

Blockchain a tokenizace mají potenciál i ve světě tradičních investic.

Fenomén tokenizace, který učaroval světu kryptoměn, má potenciál prorazit i v investicích klasického střihu. Jde jen o to, jak překonat riziko podvodů fungujících v kryptosvětě, kdy až 93 % projektů končí fiaskem. Experti v tomto směru však vidí budoucnost. Hovoří se dokonce o zrodu nového ekonomického řádu.

Obrázek ke článku Datafesťak 2018 bude o datech, byznyse a ženách v IT

Datafesťak 2018 bude o datech, byznyse a ženách v IT

Na Univerzitě v Hradci Králové se 23. a 24. listopadu potkají všichni, které zajímá práce s daty. 

Reálné zkušenosti se zpracováním dat budou v prostorách univerzity prezentovat zástupci obchodních i výrobních firem. Potkat tak bude možné představitelé například z Kiwi.com, Crocodille, Dáme Jídlo nebo společnosti Adler. 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032018 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý