Hovedindhold
Emne: (Programmering - JavaScript og internettet > Emne 1
Modul 10: ArraysGennemgang: Arrays
Dette er et tilbageblik på, hvad vi har gennemgået i denne tutorial om arrays.
Vi ønsker ofte at gemme lister af værdier, når vi programmerer, og i JavaScript kan vi gøre dette ved hjælp af en type af værdier, der kaldes et array.
For at lave et array, erklærer vi en variabel som sædvanlig, men omgiver vores liste af værdier med kantede parenteser, og adskiller hver værdi med komma:
var xPositions = [33, 72, 64];Vi kan gemme enhver JavaScript-værdi i et array - ikke kun tal. Her er et eksempel, hvor vi gemmer en liste af tekststrenge:
var myFriends = ['Winston', 'OhNoesGuy', 'John', 'Sophia'];Ofte ønsker vi at vise længden af et array, eller gøre noget baseret på længden af arrayet. Heldigvis har ethvert array en
length egenskab, som kan fortælle os den nuværende længde af arrayet:text(myFriends.length, 200, 200); // Viser "4"Når vi ønsker at tilgå en bestemt værdi i et array, bruger vi dets "indeks" i arrayet, hvilket repræsenterer dets position. Det første indeks i et array er 0, så hvis vi ønsker at tilgå det første element i et array, angiver vi navnet på variablen af arrayet, dernæst 0 omgivet af kantede parenteser:
text(myFriends[0], 200, 0); // Viser "Winston"Det andet element er på indeks 1, det tredje på indeks 2, og det fjerde er på indeks 3:
text(myFriends[1], 200, 100); // Viser "OhNoesGuy"
text(myFriends[2], 200, 200); // Viser "John"
text(myFriends[3], 200, 300); // Viser "Sophia"Den nul-baserede indeksering er et af de mest forvirrende aspekter ved arrays for nye programmører. Så vær ekstra opmærksom på det, hvis du kun lige er begyndt at lære om arrays. Du skal nok vænne dig til det!
Ofte ønsker vi at udføre en handling for hvert element i et array, ligesom vi brugte text() kommandoen til at vise navnene ovenfor. I stedet for at gentage den samme kode flere gange, er det bedre at anvende en løkke til at gennemløbe hvert element i et array, og udføre handlinger på hvert element indeni løkken. Vi starter ved index 0, som jo er første element, fortsætter indtil vi når til slutningen af arrayet, og lægger 1 til indekset hver gang. Her vises hvordan vi kan gøre det:
for (var i = 0; i < myFriends.length; i++) {
text(myFriends[i], 200, (i+1)*100);
}Bemærk hvordan vi skriver
i indeni de kantede parenteser, fordi det repræsenterer det nuværende indeks, hver gang løkken køres.Arrays kan ændres på mange måder. Til at begynde med kan vi ændre en værdi i dem:
myFriends[1] = "TheErrorBuddy";Vi kan også tilføje nye værdier til dem ved hjælp af push() metoden, hvor vi angiver den nye værdi:
myFriends.push("Hopper");Efter kørsel af denne linje kode, vil vores arrays 'length' egenskab reflektere den nye længde, og det sidste indeks i arrayet vil nu være 4 i stedet for 3.
Hvis du ønsker en komplet liste over, hvad du kan gøre med arrays i JavaScript, så kan du kigge på denne vejledning. Men allerede efter denne gennemgang er du godt kørende!
Vil du deltage i samtalen?
Ingen opslag endnu.