Zusammenfassung: JavaScript-Arrays Meistern

Arrays sind Datenstrukturen zur Speicherung und Verwaltung von Wertesammlungen.

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, das bedeutet, das erste Element hat den Index 0, das zweite Element den Index 1 usw.;
• Bestimmte Elemente innerhalb eines Arrays können mit eckigen Klammern und dem Index des Elements abgerufen werden.

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

Modifizieren von Array-Elementen

Array-Elemente können geändert werden, indem sie über ihren Index angesprochen und ein neuer Wert zugewiesen wird.

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

Array-Länge

Die Eigenschaft length eines Arrays gibt die Anzahl der enthaltenen Elemente an. 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, kann der Index mit der Länge des Arrays berechnet werden, also array.length - 1.

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 Zählvariable (z. B. i), um auf jedes Element per Index zuzugreifen;
• Die Schleife läuft, solange der Zähler kleiner als die Länge des Arrays ist;
• 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 Methode, um über Arrays zu iterieren;
• Sie übernimmt automatisch den Schleifenzähler und bietet direkten Zugriff auf den Wert jedes Elements;
• Sie vereinfacht die Array-Iteration und macht den Code übersichtlicher und besser lesbar.

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