Einführung in JavaScript Arrays

In diesem Lernsnack beschäftigen wir uns mit Arrays in JavaScript. Arrays sind spezielle Variablen, die mehrere Werte unter einem Namen speichern können.

Deklaration und Initialisierung

Arrays werden in JavaScript deklariert und initialisiert, indem Sie eckige Klammern verwenden:

var meinArray = [1, 2, 3, 4, 5];

Zugriff auf Elemente

Man kann auf die Elemente eines Arrays mithilfe ihres Index zugreifen. JavaScript verwendet eine nullbasierte Indexierung:

var erstesElement = meinArray[0]; // Gibt 1 zurück

Länge eines Arrays

Die Anzahl der Elemente in einem Array kann mithilfe der Eigenschaft length abgerufen werden:

var anzahlElemente = meinArray.length; // Gibt 5 zurück

Durchlaufen eines Arrays

Schleifen ermöglichen es, die Elemente eines Arrays nacheinander zu durchlaufen und Operationen auf jedem Element auszuführen:

var summe = 0;
for (var i = 0; i < meinArray.length; i++) {
summe += meinArray[i];
}

Hinzufügen und Entfernen von Elementen

Elemente können am Ende eines Arrays hinzugefügt oder entfernt werden:

meinArray.push(6); // Fügt 6 am Ende hinzu
meinArray.pop(); // Entfernt das letzte Element

Zusammenfassung

Hier eine Zusammenfassung der wichtigsten Array-Operationen:

// Deklaration und Initialisierung
var meineZahlen = [1, 2, 3, 4, 5];

// Zugriff auf Elemente
var erstesElement = meineZahlen[0];

// Ändern eines Elements
meineZahlen[2] = 10;

// Hinzufügen eines Elements
meineZahlen.push(6);

// Länge des Arrays
var anzahlElemente = meineZahlen.length;

Beispiel: Obstsorten Array

Ein einfaches Beispiel, wie ein Array von Obstsorten mit einer Schleife angezeigt werden kann:

function arrayObst() {
var ausgabe = "<ul>";
var obstsorten = ['Bananen', 'Äpfel', 'Melonen', 'Zitronen'];
for (var i = 0; i < obstsorten.length; i++) {
ausgabe += "<li>" + obstsorten[i] + "</li>";
}
ausgabe += "</ul>";
document.getElementById("idAusgabe").innerHTML = ausgabe;
}