Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!
Zadejte Vaši e-mailovou adresu:
Kamarád fotí rád?
Přihlas ho k odběru fotomagazínu!
Zadejte e-mailovou adresu kamaráda:
JavaScript
Javascript - Datové typy proměnných
25. července 2001, 00.00 | Pokračování seriálu o javascriptu. Dnes se podíváme na práci s proměnnými, možné operátory javascriptu a další..
Většina programovacích jazyků má typové proměnné. To však u JavaSkriptu neplatí a všechny proměnné jsou netypové, je to jedno z mnoha odlišení o Javy. Do jedné proměnné lze dokonce přiřadit dva různé datové typy:
|
Pozn.: pokud chcete, aby proměnná neměla hodnotu, lze použít hodnotu null, proměnná tak nebude mít použitelnou hodnotu. Pokud tedy proměnná obsahuje hodnotu null, znamená to, že proměnná neobsahuje hodnotu, která by se dala použít.
Aritmetické operátory binární
S aritmetickými operátory umíme pracovat všichni a používáme je k matematickým výpočtům. JavaScript zná všechny základní operátory a některé další. Zde operátory uvedu v tabulce, později některé vysvětlím. Myslím, že z tabulky lze základní operátory pochopit bez vysvětlování.
Operátor | Příklad použití | Význam |
+ | x+y | součet |
- | x-y | rozdíl |
* | x*y | součin |
/ | x/y | podíl |
% | x%y | modulo dělení |
++ | x++ | x=x+1 |
-- | x-- | x=x-1 |
Aritmetické operátory unární
Zajímavou a užitečnou funkci mají tzv. unární operátory. Jejich použití je nejčastější v těle různých cyklů, kde se má postupně zvyšovat, nebo snižovat hodnota proměnné.
Operátor | Příklad použití | Význam |
inkrement | ++x | x=x+1 |
dekrement | --x | x=x-1 |
Operátory přiřazení
Jsou to operátory, pomocí kterých budete ukládat hodnoty do proměnných. Základním znakem každého operátoru přiřazení je znak =. Prvním operandem, který leží vlevo od operátoru je proměnná, do které se ukládá. Napravo je hodnota, která má být uložena. JavaScript umožňuje použít i složených operátorů, které jsou kombinací operátoru přiřazení a jiného operátoru. Usnadňují programování a umožní například jedním příkazem přiřadit hodnotu proměnné a provést součet. Aritmetické operátory popisuje tabulka.
Operátor | Příklad použití | Význam |
= | x=y | x má hodnotu y |
+= | x+=y | x=x+y |
-= | x-=y | x=x-y |
*= | x*=y | x=x*y |
/= | x/=y | x=x/y |
%= | x%=y | x=x%y |
<<= | x<<=y | x =x<<y |
>>= | x>>=y | x=x>>y |
>>>= | x>>>=y | x=x>>>y |
&= | x&=y | x=x&y |
^= | x^=y | x=x^y |
|= | x|=y | x=x|y |
Relační operátory
Pomocí relačních operátorů lze porovnávat hodnoty dvou proměnných.Vysvětlení jednotlivých operátorů je dost jasné z tabulky, jejich použití si ukážeme dále.
Operátor | Příklad použití | Význam |
== | x==y | je rovno |
!= | x!=y | není rovno |
> | x>y | je větší |
< | x<y | je menší |
>= | x>=y | je větší nebo rovno |
<= | x<=y | je menší nebo rovno |
Řetězcové operátory
Pro práci s řetězci lze použít i řetězcové operátory. My jsme pro spojení řetězců použili operátor spojení +. Lze však použít všechny relační operátory.
Zadání proměnné uživatelem a výstup proměnné
Často budete potřebovat získat hodnotu proměnné od uživatele stránek. Je několik možností, dnes si ukážeme jednu možnost, ačkoliv v praxi budete spíše používat formuláře.
|
Příkaz prompt zobrazí dialogové okno do kterého budete moc zadat svůj věk. Pokud se rozhodnete věk nezadat, stačí zvolit tlačítko Storno. Do proměnné pak bude uložena hodnota null. Pomocí příkazu alert se vypíše text a mezi něj obsah proměnné vek. Proměnná se k textu připojuje pomocí znaménka +(řetězcový operátor). Mezery v textu u příkazu alert jsou vynechány úmyslně, protože by hodnota proměnné a okolní text byly na sebe nalepené.
Pozn.: Možná je vám divné, proč jsem v příkladu uvedl u příkazu prompt za textem 0 ( vek=prompt("Kolik je vam let?",0) ). Pokud žádnou hodnotu nepoužijete, zobrazí se vám v editační řádce slovo undefined, což nemusí působit dobrým dojmem. Můžete použít i text, ten pak zabalte do uvozovek - promot("Kdo se vam libi","nikdo"). Můžete zkusit nulu smazat.
Pole
Pokud budete chtít uchovat řetězec na sobě závislých proměnných asi určitě použijete pole. Nejčastěji se setkáte s jednorozměrným polem. Možná vás napadne, proč by bylo vhodné seskupovat proměnné do polí. Odpověď je jednoduchá: s poli se mnohem snadněji pracuje a některé problémy by bylo možné bez polí vyřešit jen velmi těžko.
Pozor: proměnné před použitím předem nikde deklarovat nemusíme, pole už ano a to na začátku skritpu.
Příklad deklarace: nazev=new Array(prvek1,prvek2,prvek3,...,prvekn)
Manipulace s prvky poleje pak jednoduchá: nazev[cislo_prvku]
Pole se vytvoří stejně jako každý jiný objekt pomocí operátoru new.
Protože jednorozměrné pole je řetězec, musí mít každý prvek i svůj index, podle kterého k němu přistupujeme (přístup k prvkům dvojrozměrných polí je pomocí souřadnic). Pole v JavaScriptu začíná vždy indexem nula a končí indexem o jedničku menší, než je velikost pole. Hodnota indexu prvního prvku pole je tedy nula.
Pozor: jak jsem se již zmínil JavaScript je netypový jazyk a tak lze každé položce pole přiřadit typově odlišná data. To však ne ni příliž vhodné a můžou s tím být problémy, raději se tomu vyhněte.
K polím se ještě vrátíme, ale až budete znát rozhodovací struktůry a hlavně cykly.
Klíčová slova JavaScriptu
abstract | alert | arguments | Array | blur |
boolean | Boolean | break | byte | callee |
captureEvents | case | catch | char | class |
clearInterval | clearTimeout | close | closed | confirm |
const | constructor | continue | Date | debugger |
defaul | defaulStatus | delete | do | document |
double | else | enum | escape | eval |
export | extends | final | finally | find |
float | focus | for | frames | function |
goto | history | home | if | implements |
import | in | Infinity | innerHeight | InnerWidth |
instanceof | int | interface | isFinite | isNaN |
java | length | location | locationbar | long |
Math | menubar | moveBy | moveTo | name |
NaN | native | netscape | new | null |
Number | Object | open | opener | outerHeight |
outerWidth | package | pageXOffset | pageYOffset | parent |
parseFloat | parseInt | private | prompt | |
protected | prototype | public | RegExp | releaseEvents |
resizeBy | resizeTo | return | routeEvent | scroll |
scrollbars | scrollBy | scrollTo | setInterval | setTimeout |
short | static | status | statusbar | stop |
String | super | switch | synchronized | this |
throw | throws | toolbar | top | transient |
try | typeof | unescape | unwatch | valuteOf |
var | void | while | window | with |
false | true |
Obsah seriálu (více o seriálu):
- JavaScript - Seznámení
- JavaScript - Základy
- Javascript - Datové typy proměnných
- Co je to funkce ?
- Rozhodovací struktury
- Cykly
- Objekty v Javascriptu
- Události Javascriptu
- Okna v Javascriptu
- Formuláře v Javascriptu
-
25. listopadu 2012
-
30. srpna 2002
-
10. října 2002
-
4. listopadu 2002
-
12. září 2002
-
25. listopadu 2012
-
28. července 1998
-
31. července 1998
-
28. srpna 1998
-
6. prosince 2000
-
27. prosince 2007
-
4. května 2007