If you're seeing this message, it means we're having trouble loading external resources on our website.

Ha webszűrőt használsz, győződj meg róla, hogy a *.kastatic.org és a *.kasandbox.org nincsenek blokkolva.

Fő tartalom

Áttekintés: Tömbök

Az alábbiakban áttekintjük mindazt, amit a tömbökről szóló oktatóprogram során tanultunk.
Sokszor van úgy, hogy el szeretnénk tárolni az értékek listáit, amikor programokat hozunk léte. Ezt JavaScriptben a tömb típussal tehetjük meg.
Amikor létrehozunk egy tömböt, először is deklarálunk egy változót, mint mindig, majd pedig szögletes zárójelek közé írjuk az értékeinket, és vesszővel választjuk külön az egyes értékeket:
var xPositions = [33, 72, 64];
Egy tömbben bármilyen JavaScript értéket tudunk tárolni, nem csak számokat. Az alábbi példában láthatod, hogy miképp tároljuk a sztringek listáját:
var myFriends = ['Winston', 'OhNoesGuy', 'John', 'Sophia'];
Gyakran előfordul, hogy meg szeretnénk jeleníteni a tömb hosszát, vagy olyasmit szeretnénk végrehajtani, amihez szükségszerű a tömb hossza. Szerencsére minden tömbnek van egy length tulajdonsága, amelyből kiderül a tömb jelenlegi hossza:
text(myFriends.length, 200, 200); // Displays "4"
Ha hozzá szeretnénk férni egy adott értékhez egy tömbben, az „indexére” hivatkozva érhetjük el, ami a tömbbeli helyét jelöli. Az első index egy tömbben a 0, így ha el akarjuk érni az első elemet egy tömbben, megadjuk a tömb típusú változó nevét, majd szögletes zárójelben a 0-t:
text(myFriends[0], 200, 0); // Displays "Winston"
A második elem az 1 indexű helyen, a harmadik a 2, a negyedik pedig a 3 indexű helyen van:
text(myFriends[1], 200, 100); // Displays "OhNoesGuy"
text(myFriends[2], 200, 200); // Displays "John"
text(myFriends[3], 200, 300); // Displays "Sophia"
Új programozók számára a nulla-alapú indexelés az egyik legösszezavaróbb tulajdonsága a tömböknek. Ezt tartsd szem előtt, ha még csak most kezdtél bele a tömbök ismeretének elsajátításába! Végül majd belejössz!
Gyakran van úgy, hogy néhány műveletet a tömb minden elemére szeretnénk alkalmazni, ahogy a text() parancsot használtuk a nevek megjelenítésénél. Ahelyett, hogy ezt a kódot újra és újra leírjuk, jobb megoldás, ha egy for ciklust használunk, amivel végigmegyünk a tömb minden elemén, és a cikluson belüli minden elemen elvégzünk egy műveletet. 0 indexszel kezdünk, addig megyünk, míg el nem érjük a tömb végét, és minden egyes alkalommal hozzáadunk 1-et az indexhez. Tehát így csináljuk:
for (var i = 0; i < myFriends.length; i++) {
   text(myFriends[i], 200, (i+1)*100);
}
Figyeld meg, hogy az i-t szögletes zárójelbe tettük. Ez a ciklus minden egyes futása alatti aktuális indexet jelöli.
A tömbök többféleképpen átalakíthatóak. Kezdhetjük úgy, hogy megváltoztatunk egy értéket:
myFriends[1] = "TheErrorBuddy";
Teljesen új értékeket is adhatunk hozzá a push() parancs használatával, az új értéket átadva:
myFriends.push("Hopper");
Miután lefuttattuk ezt a kódsort, a tömbünk length tulajdonsága is változni fog, az utolsó index 3 helyett 4 lesz.
Ha szeretnéd tudni, még mi mindent lehet tömbökkel JavaScriptben csinálni, nézd meg ezt az oldalt. De ne aggódj, már azzal is sokra fogsz jutni, amit most megtanultál!

Szeretnél részt venni a beszélgetésben?

Még nincs hozzászólás.
Tudsz angolul? Kattints ide, ha meg szeretnéd nézni, milyen beszélgetések folynak a Khan Academy angol nyelvű oldalán.