Summary  
This chapter covers how to use arrays as a fundamental data structure in JavaScript, including creating arrays, accessing elements by index, and leveraging the length property to count items and retrieve the last element.

General domain of usage  
Shopping cart functionality

Arrays sind eine **grundlegende Datenstruktur** in JavaScript, die es ermöglicht, mehrere Werte in einer einzigen Variablen zu speichern und zu organisieren. Arrays werden verwendet, wenn eine **Liste von Elementen** wie Zahlen, Zeichenketten oder sogar andere Arrays verwaltet werden soll.

Arrays erleichtern die Arbeit mit **Datensammlungen**, beispielsweise beim Erstellen eines Warenkorbs, beim Verfolgen von Punkteständen in einem Spiel oder beim Verwalten von Benutzereingaben. Jeder Wert in einem Array wird als **Element** bezeichnet und kann über seine Position, den sogenannten **Index**, angesprochen werden.

// Create an array of colors
const colors = ["red", "green", "blue"];
console.log(colors);

// Access the first element (index 0)
console.log(colors[0]); // Output: "red"

// Access the third element (index 2)
console.log(colors[2]); // Output: "blue"

In JavaScript beginnen Array-Indizes bei 0, daher befindet sich das erste Element an Index 0, das zweite an Index 1 und so weiter.

Hinweis

 

Die Anzahl der Elemente in einem Array kann mit der **`length`-Eigenschaft** ermittelt werden. Wenn ein Array beispielsweise drei Elemente enthält, beträgt sein `length`-Wert `3`. Mit der `length`-Eigenschaft lässt sich auch das letzte Element eines Arrays über `array[array.length - 1]` abrufen. Dies erleichtert die Arbeit mit Arrays beliebiger Größe, da die genaue Anzahl der enthaltenen Elemente nicht im Voraus bekannt sein muss.

// Create an array of fruits
const fruits = ["apple", "banana", "cherry", "date"];

// Find the number of elements in the array
console.log(fruits.length); // Output: 4

// Access the last element using array[array.length - 1]
console.log(fruits[fruits.length - 1]); // Output: "date"

Erlernen der Steuerung von Programmabläufen, der Strukturierung von Daten und der Entwicklung dynamischer Funktionen mit JavaScript. Arbeiten mit Funktionen, Arrays, Objekten und Schleifen, anschließend Anwendung dieser Fähigkeiten zur Erstellung eines interaktiven Profilsystems. Erwerb grundlegender Kenntnisse als Grundlage für React und moderne Frontend-Entwicklung.

Wenden Sie Ihr Wissen in einem Mini-Projekt an, lernen Sie die Grundlagen des Debuggings und bereiten Sie sich auf die nächsten Schritte in JavaScript vor.