JavaScript -- 10 -- Polia

Myslím, že každý programátor vie čo sú to polia.. A JavaScript ich má tiež

20.9.2004 15:00 | Rišo Marko | přečteno 19613×

Polia alebo objekt "Array"

Formálna definícia poľa je: "usporiadaná zbierka/kolekcia dát". To znamená, že pole je objekt, v ktorom môžeme držať teoreticky akékoľvek množstvo dát (alebo vôbec žiadne ak je pole prázdne). Do poľa je možné uložiť dáta akéhokoľvek druhu - či už textový reťazec, logickú hodnotu, číslo, objekt alebo ďalšie pole (multidimenzionálne polia). K takto uloženým hodnotám je možné potom pristupovať cez číselný index položky alebo podľa názvu (asociatívne polia).

Plníme klasické polia

Existuje niekoľko spôsobov ako takéto pole naplniť..

//vytvoríme si pole
var uvitanie = new Array();
//a jednoducho ho naplníme
uvitanie[0] = 'Ahoj!';
uvitanie[1] = 'Caw!';
uvitanie[2] = 'Vitaj!';
uvitanie[3] = 'Pekný deň!';
uvitanie[4] = 'Hoj!';

To isté dosiahneme takýmto zápisom:

//vytvoríme si pole
var uvitanie = new Array('Ahoj!','Caw!','Vitaj!','Pekný deň!','Hoj!');

2 predchádzajúce spôsoby vkladania údajov do poľa sú úplne identické. Prvý spôsob sa v JavaScripte používa od jeho vzniku zatiaľ čo druhý spôsob bol doplnený neskôr. Takto vytvorené pole sa nazýva tiež "husté" pole (z angl. dense arrays). Takýmto spôsobom môžeme jedno pole naplniť jediným príkazom.

Čítame dáta z poľa

Prístup k takto vytvorenému poľu je veľmi jednoduchý - k prvku poľa pristupujeme pomocou jeho indexu. Je potrebné si zapamätať, že aj v JavaScripte index poľa začína od nuly nie od 1. To znamená, že prvá položka uložená do poľa má vždy index 0.

alert(uvitanie[0]);
alert(uvitanie[1]);
alert(uvitanie[2]);
alert(uvitanie[3]);
alert(uvitanie[4]);

Len čo keď potrebujeme do poľa vkladať veľké množstvo údajov a ustrážiť si čísla indexov by mohlo byť obtiažne? Riešenie je veľmi jednoduché - použijeme vlastnosť "length" ktorá vždy vráti počet prvkov poľa.

//ďalšiu položku potom môžme pridať nasledovne: uvitanie[uvitanie.length] = 'položka vložená na koniec za pomoci vlastnosti length!';

To isté dosiahneme pomocou metódy objektu array "push('polozka1','polozka2')" ktorá vloží jednu alebo viac položiek na koniec poľa a vráti novú dĺžku poľa.

uvitanie.push("vlozene 1","vlozene 2");

Vložiť do poľa položku za pomoci prvej metódy
Vložiť do poľa položku za pomoci druhej metódy

Ak si potrebujete pozrieť obsah vášho poľa stačí použiť nasledovné skripty:

// vypíše položku, ktorá sa nachádza
// na mieste zadané užívateľom pomocou
// dialógu prompt
alert(uvitanie[prompt('Zadaj index položky!','0')]);

Vyskúšať

alebo:

// pomocou funkcie "toString()"
// získame kompletný obsah poľa
// a ten vypíšeme
alert(uvitanie.toString());

Vyskúšať

Mažeme dáta z poľa

Dáta sa z poľa mažú pomocou príkazu delete.

delet uvitanie[0];

Asociatívne polia

Najlepší bude asi príklad:

//vytvoríme si pole
var hlmesta = new Array();
//a naplníme ho
hlmesta['cz'] = 'Praha';
hlmesta['sr'] = 'Bratislava';

Toto je asociatívne pole - pretože položky v ňom uložené sú asociované (spojené) s určitým názvom. Fungovanie takéhoto poľa si môžte vyskúšať tu: Vypísať
Vložiť položku

Pole v poli ktoré už v poli je :)

alebo multidimezionálne polia

Ako položku je možné do poľa uložiť ďalšie pole - nasledovne:

var multi = new Array();
multi[0] = new Array("pod nulov jedna", "pod nulov dva", "pod nulov tri");
multi[1] = new Array("pod jednotkou jedna", "pod jednotkou dva", "pod jednotkou tri");
// do poľa multi potom pristupujeme nasledovne:
// "multi[1][2]"
// alert(multi[1][2]);

Test ([1][2])
Štruktúra poľa multi

Ďalej nasleduje prehľad metód spojených s poľami

Metóda Popis
concat() Spojí dve polia a vráti nové pole
join(delimiter) Vloží všetky položky poľa do jedného reťazca oddelené delimiterom (čiarka je používaná ako default)
pop() Vymaže a vráti poslednú položku poľa
push("polozka1","polozka2") Vloží jednu alebo viac položiek na koniec poľa a vráti novú velkosť poľa the new length
reverse() Otočí poradie prvkov v poli
shift() Vymaže a vráti prvú položku poľa
slice(begin[,end]) Vytvorí nové pole z prvkov ktoré sú medzi "start" a "end"
sort() Usporiada prvky v poli
toSource() Vráti reťazec, ktorý reprezentuje zdrojový kód poľa
toString() Vráti reťazec, ktorý reprezentuje štruktúru poľa a jeho položiek
unshift("polozka1","polozka2") Pridá jeden alebo viac prvkov na začiatok poľa a vráti novú velkosť poľa
Online verze článku: http://www.linuxsoft.cz/article.php?id_article=400