JavaScript voor mensen, hobbits en elven - Deel 12 - Genummerde lijstjes

Op weg naar Mordor

“Wie arrays begrijpt, begrijpt formaten, objecten en structuren.”
                                                                                                - Sam Rain

JavaScript is naast makkelijke magie ook nog eens veilige magie; Arrays, oftewel lijstjes, kennen in oude Tovenaarstalen de nodige gevaren om een aapje binnenstebuiten te toveren – iets waar ‘hackers’ óf van grinniken óf van gruwelen. Dankzij JavaScript kun je als een jonge hobbit rustig ademhalen wanneer je speelt met lijstjes.

Waar kun je ‘lijstjes’ nou praktisch in toepassen? Stel we hebben vier Hobbits: Frodo, Sam, Merrin en Pippin. Als we een lijstje zouden maken van enkel hun namen, dan deden we de volgende spreuk:

var hobbits = new Array (“Frodo”, “Sam”, “Merrin”, “Pippin”);

De variabele ‘hobbits’ heeft nu 4 ‘elementen’, elke afzonderlijk genummerd van 0 tot 3 (JavaScript lijstjes tellen namelijk vanaf 0). Omdat we de namen van de hobbits hebben meegegeven tijdens het maken van het lijstje, zijn ze op de dezelfde oplopende volgorde genummerd. De naam “Frodo” is element 0, “Sam” is element 1, “Merrin” is element 2 en “Pippin” is element 3.
Wanneer we de naam willen hebben van het 2^e element om deze op te slaan in de variabele ‘a’, dan gebruiken we de vierkante haakjes, zoals in deze toverspreuk:

var a = hobbits [2];

De variabele ‘a’ bevat nu “Merrin”.

Omdat alleen hobbits de boel eenzijdig maken, voegen we een ander lijstje toe:

var vrienden = NewArray ( );
vrienden [0] = “Legolas”;
vrienden [1] = “Aragon”;
vrienden [2] = “Gimli”;
vrienden [3] = “Gandalf”;

De variabele ‘vrienden’ heeft ook 4 elementen, echter hebben we specifiek ieder ‘element’ toegevoegd met behulp van de vierkante haken. Omdat het een nieuw lijstje is, begint de nummering natuurlijk weer bij de 0.

Als we nu een ‘dynamisch’ verhaaltje zouden willen maken, waarbij de variabelen persoon X en persoon Y elkaar zouden begroeten, dan kunnen we meteen de handigheid van lijstjes zien:

var persoonX, var persoonY;
persoonX = 0;
persoonY = 3;
var verhaal = “En toen liep” + hobbits [persoonX] + “naar de tafel, om plaats nemen naast” + vrienden [persoonY] + “.” + hobbits [persoonX] “zei: ‘hallo,” + vrienden [persoonY] +” ‘, waarop” + vrienden [persoonY] + “een knikje deed.”;

Als we de variabelen zo houden, dan bevat de variabele ‘verhaal’ de volgende tekst: En toen liep Frodo naar de tafel, om plaats te nemen naast Gandalf. Frodo zei: ‘hallo, Gandalf’, waarop Gandalf een knikje deed.

Als we de waarde van persoonX zouden veranderen in 1 en die van persoonY in 2, dan zou het ‘verhaal’ veranderd zijn met Sam en Gimli in de hoofdrol. Zolang een variabele een numerieke waarde heeft, kan deze gebruikt worden tussen de vierkante haken in een genummerde lijst. Wanneer deze niet correspondeert met een element ui de lijst, vult JavaScript echter de waarde “undefined” in (dat een verwijzing is naar niets). Een genummerd lijstje kan nog veel meer nuttige dingen – maar daarover volgen er meer artikelen in de nabije toekomst!

Meer lezen over Informatie Technologie? Klik hier voor de inhoudsopgave van alle artikelen!

©SamRain
JavaScript - 12