Arrays

Én kasse med mange rum#

En almindelig variabel har plads til én værdi. Skal du holde styr på 30 studerendes navne, vil du ikke have 30 variabler. Du vil have ét array.

const navne = ["Ida", "Omar", "Sofie"];

console.log(navne);
console.log(navne.length);

Tryk på “Kør koden”.

Kantede parenteser opretter arrayet, komma adskiller elementerne, og .length fortæller, hvor mange der er.

Nummereringen starter ved 0#

Det er den enkelte detalje, der forårsager flest fejl i starten. Første element har nummer 0, andet har 1, og det sidste har length - 1.

const navne = ["Ida", "Omar", "Sofie"];

console.log(navne[0]);
console.log(navne[2]);
console.log(navne[3]);

Tryk på “Kør koden”.

Den sidste giver undefined, ikke en fejl. JavaScript siger ikke fra, når du beder om en plads, der ikke findes; den giver bare ingenting tilbage. Det er derfor, undefined så ofte dukker op længere nede i koden, hvor det først opdages.

At ændre indholdet#

const frugter = ["æble", "banan"];

frugter.push("pære");
console.log(frugter);

frugter[0] = "blomme";
console.log(frugter);

const sidste = frugter.pop();
console.log(sidste);
console.log(frugter);

Tryk på “Kør koden”.

• push(x) lægger x bagest.
• pop() fjerner det bagerste og giver det tilbage.
• frugter[0] = … skriver over et bestemt element.

Bemærk, at det hele virker, selvom arrayet er oprettet med const. const låser navnet, ikke indholdet. Se let og const.

Igennem hele listen#

const priser = [120, 45, 300, 89];
let total = 0;

for (let i = 0; i < priser.length; i++) {
total = total + priser[i];
}

console.log("I alt: " + total + " kr.");

Tryk på “Kør koden”.

Mønsteret her, en variabel før løkken, som løkken lægger til, er et af de tre eller fire mønstre, du bruger igen og igen resten af semestret. Lær det udenad.

const studerende = [
{ navn: "Ida", karakter: 10 },
{ navn: "Omar", karakter: 7 }
];

for (const person of studerende) {
console.log(person.navn + " fik " + person.karakter);
}

Tryk på “Kør koden”.

Nyttige metoder at kende#

const dyr = ["hest", "ko", "gris"];

console.log(dyr.includes("ko"));
console.log(dyr.indexOf("gris"));
console.log(dyr.join(" og "));

Tryk på “Kør koden”.

Kort opsamling#

• [ ] opretter et array, komma adskiller elementerne.
• Første plads er 0, sidste er length - 1.
• En plads, der ikke findes, giver undefined, ikke en fejl.
• push og pop i enden, [i] = midt i.