ARCHIV

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 | Články autora | přečteno 19990×

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

Verze pro tisk


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ů

Rozšířené vyhledávání

Linux News

28.11.2018 23:56 /František Kučera
Prosincový sraz spolku OpenAlt se koná ve středu 5.12.2018 od 16:00 na adrese Zikova 1903/4, Praha 6. Tentokrát navštívíme organizaci CESNET. Na programu jsou dvě přednášky: Distribuované úložiště Ceph (Michal Strnad) a Plně šifrovaný disk na moderním systému (Ondřej Caletka). Následně se přesuneme do některé z nedalekých restaurací, kde budeme pokračovat v diskusi.
Komentářů: 1

12.11.2018 21:28 /Redakce Linuxsoft.cz
22. listopadu 2018 se koná v Praze na Karlově náměstí již pátý ročník konference s tématem Datová centra pro business, která nabídne odpovědi na aktuální a často řešené otázky: Jaké jsou aktuální trendy v oblasti datových center a jak je optimálně využít pro vlastní prospěch? Jak si zajistit odpovídající služby datových center? Podle jakých kritérií vybírat dodavatele služeb? Jak volit vhodné součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně datové centrum spravovat? Jak co nejlépe eliminovat možná rizika? apod. Příznivci LinuxSoftu mohou při registraci uplatnit kód LIN350, který jim přinese zvýhodněné vstupné s 50% slevou.
Přidat komentář

6.11.2018 2:04 /František Kučera
Říjnový pražský sraz spolku OpenAlt se koná v listopadu – již tento čtvrtek – 8. 11. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma umění a technologie, IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář

4.10.2018 21:30 /Ondřej Čečák
LinuxDays 2018 již tento víkend, registrace je otevřená.
Přidat komentář

18.9.2018 23:30 /František Kučera
Zářijový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 20. 9. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář

9.9.2018 14:15 /Redakce Linuxsoft.cz
20.9.2018 proběhne v pražském Kongresovém centru Vavruška konference Mobilní řešení pro business. Návštěvníci si vyslechnou mimo jiné přednášky na témata: Nejdůležitější aktuální trendy v oblasti mobilních technologií, správa a zabezpečení mobilních zařízení ve firmách, jak mobilně přistupovat k informačnímu systému firmy, kdy se vyplatí používat odolná mobilní zařízení nebo jak zabezpečit mobilní komunikaci.
Přidat komentář

12.8.2018 16:58 /František Kučera
Srpnový pražský sraz spolku OpenAlt se koná ve čtvrtek – 16. 8. 2018 od 19:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát jsou tématem srazu databáze prezentaci svého projektu si pro nás připravil Standa Dzik. Dále bude prostor, abychom probrali nápady na využití IoT a sítě The Things Network, případně další témata.
Přidat komentář

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ář

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

Poslední diskuze

31.7.2023 14:13 / Linda Graham
iPhone Services

30.11.2022 9:32 / Kyle McDermott
Hosting download unavailable

13.12.2018 10:57 / Jan Mareš
Re: zavináč

2.12.2018 23:56 / František Kučera
Sraz

5.10.2018 17:12 / Jakub Kuljovsky
Re: Jaký kurz a software by jste doporučili pro začínajcího kodéra?

Více ...

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