Vi har tidigare tittat på hur variabler för ett ett värde skapas.
let num = 2;
let num2 = 25; osv
Om man har många olika värden som ska hanteras kan det bli en lång radda med kod för att hålla reda på dessa.
Då finns ett annat sätt att lagra flera dataelement på. Det kallas Array (lista).
En array med nummer kan se ut så här:
let nummer = [2,3,8,100,9,25];
Precis som variabler inleds skapandet av en array med ordet let och ett variabelnamn. Innehållet i arrayen finns mellan hakparenteser [ ] och varje element särskiljs med ett kommatecken.
Den plats elementet (här siffran) finns på i arrayen kallas index. När man räknar index så börjar man alltid med 0, 1 , 2 , 3 och så vidare. Siffran 2 finns alltså på index 0 och siffran 9 finns på index 4.
let nummer = [2,3,8,100,9,25]; console.log(nummer); console.log(nummer[3]);
Vad skriver programmet ut?
Arrayer kan också bestå av strängar (text). Varje del text som ska ha ett eget index ska inneslutas i enkla eller dubbla citattecken och ett komma före nästa index. Kom ihåg att du inte kan blanda enkla och dubbla citattecken.
let ord = ["sol", "gul", "himmel", "hav"];
Ofta är det intressant att veta hur lång arrayen är och då används .length()
let nummer = [2, 3, 8, 100, 9, 25]; console.log(nummer.length);
.length() går bra att använda på text också.
let minMening = 'Det har jag aldrig provat tidigare så det klarar jag helt säkert.' console.log(minMening.length);
Stämmer längden på textsträngen med det som skrivs ut i konsollen?
Eftersom arrayer används väldigt ofta vid programmering så finns en mängd metoder kopplade till dem. Om du är intresserad kan du läsa om flera av dem på w3schools.com.
Vi kommer här att behandla några vanliga metoder som används med arrayer.
push() lägger till ett nytt element i slutet av arrayen
let ord = ["sol", "gul", "himmel", "hav"];
ord.push("elefant");
console.log(ord);
pop() tar bort det sista elementet i arrayen
let frukter = ['bananer', 'apelsiner', 'äpplen', 'päron']; frukter.pop(); console.log(frukter);
sort() sorterar en array i alfabetisk ordning. Hanterar all data som text.
let frukter = ['bananer', 'apelsiner', 'äpplen', 'päron']; frukter.sort(); console.log(frukter);
Skapa en egen array med text och börja några ord med små bokstäver och andra med stora bokstäver. Använd sen sort() och se hur sorteringen då fungerar.
Använd sort på en array av siffror och klura ut hur sorteringen går till då.
I koden ovan kan du klicka dig igenom arrayen då index först sätts till 0 och sen ökas med 1 för varje klick. När arrayen är “slut” får du kanske ett felmeddelande (beroende av vilken editor du använder).
I setup() ska du använda en av metoderna för array, som vi gick igenom tidigare på denna sida, för att ta bort det sista elementet ( ‘!!!’ ) i arrayen .
Lägg sen till en egen textsträng med en annan metod.
Det görs också i setup() ).
I funktionen mousePressed() ska du sen lägga till ett villkor ( if ) som gör att om index == words.length så ska index vara 0 igen.