Arrayer är datastrukturer som används för att lagra och hantera samlingar av värden.

Skapa arrayer

• Arrayer i JavaScript skapas med hjälp av hakparenteser [] och kallas array-litteraler;
• Kommatecken separerar elementen i arrayen.

// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Åtkomst till arrayelement

• Arrayindex börjar på 0, vilket innebär att det första elementet har index 0, det andra elementet har index 1 och så vidare;
• Specifika element i en array kan nås genom att använda hakparenteser med elementets index.

const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Modifiera arrayelement

Arrayelement kan ändras genom att nå dem via deras index och tilldela ett nytt värde.

colors[1] = "yellow";
numbers[0] = 10;

Arraylängd

Egenskapen length för en array representerar antalet element den innehåller. Den justeras automatiskt när element läggs till eller tas bort.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Hitta det sista elementet

För att hämta värdet av det sista elementet i en array kan vi beräkna dess index med hjälp av arrayens längd, vilket är array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

For-loop

• for-loopen används för att iterera över en array element för element;
• Den använder en loopräknarvariabel (t.ex. i) för att komma åt varje element via index;
• Loopen fortsätter så länge räknaren är mindre än arrayens längd;
• Ett grundläggande verktyg för iteration över arrayer.

for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

For...of-loop

• for...of-loopen är ett modernare och mer koncist sätt att iterera över arrayer;
• Den hanterar automatiskt loop-räknaren och ger direkt åtkomst till varje elements värde;
• Den förenklar array-iteration och gör koden renare och mer lättläst.

for (const color of colors) {
  console.log(color);
}