Arrays sind Datenstrukturen, die verwendet werden, um Sammlungen von Werten zu speichern und zu manipulieren.

Arrays erstellen

• Arrays in JavaScript werden mit eckigen Klammern [] erstellt und als Array-Literale bezeichnet;
• Elemente innerhalb des Arrays werden durch Kommas getrennt.

// 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" }];

Zugriff auf Array-Elemente

• Array-Indizes beginnen bei 0, was bedeutet, dass das erste Element den Index 0 hat, das zweite Element den Index 1 und so weiter;
• Bestimmte Elemente innerhalb eines Arrays können durch die Verwendung von eckigen Klammern mit dem Index des Elements zugegriffen werden.

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

Modifizieren von Array-Elementen

Array-Elemente können geändert werden, indem man auf sie über ihren Index zugreift und einen neuen Wert zuweist.

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

Array-Länge

Die length-Eigenschaft eines Arrays repräsentiert die Anzahl der enthaltenen Elemente. Sie passt sich automatisch an, wenn Elemente hinzugefügt oder entfernt werden.

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

Das letzte Element finden

Um den Wert des letzten Elements in einem Array abzurufen, können wir seinen Index mit der Länge des Arrays berechnen, was array.length - 1 ist.

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

For-Schleife

• Die for-Schleife wird verwendet, um ein Array Element für Element zu durchlaufen;
• Sie verwendet eine Schleifenzählervariable (z.B. i), um auf jedes Element per Index zuzugreifen;
• Die Schleife läuft weiter, solange der Zähler kleiner als die Länge des Arrays ist;
• Es ist ein grundlegendes Werkzeug für die Array-Iteration.

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

For...of Schleife

• Die for...of Schleife ist eine modernere und prägnantere Möglichkeit, über Arrays zu iterieren;
• Sie verwaltet automatisch den Schleifenzähler und bietet direkten Zugriff auf den Wert jedes Elements;
• Sie vereinfacht die Array-Iteration, wodurch der Code sauberer und lesbarer wird.

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