Summary
This chapter covers how to manage dynamic arrays by using the push method to add elements at the end and the pop method to remove the last element.

General domain of usage
Chat messaging

## push()
Die Methode `push` fügt ein oder mehrere Elemente am Ende eines Arrays hinzu und gibt die neue Länge zurück. Zum Beispiel:








const numbers = [1, 2, 3];
console.log("Before:", numbers);
numbers.push(4); // numbers is now [1, 2, 3, 4]
console.log("After:", numbers);
console.log(numbers.length); // 4



## pop()
Die Methode `pop` entfernt das letzte Element eines Arrays und gibt dieses zurück. Die Länge des Arrays verringert sich um eins:

const numbers = [1, 2, 3, 4];
console.log("Before:", numbers);
const lastNumber = numbers.pop(); // lastNumber is 4, numbers is now [1, 2, 3]
console.log("After:", numbers);
console.log(numbers.length); // 3

Die Methoden `push` und `pop` sind essenziell für die Verarbeitung dynamischer Daten in realen Anwendungen. Mit diesen Methoden können Elemente zu Arrays hinzugefügt oder daraus entfernt werden, wenn sich Ihre Daten ändern.

### Nachrichten zu einem Chat hinzufügen
Wenn ein Benutzer eine neue Nachricht sendet, verwenden Sie `push`, um sie am Ende des Chatverlaufs-Arrays hinzuzufügen:





const chatHistory = ["Hello!", "How are you?"];
chatHistory.push("I'm good, thanks!");
console.log(chatHistory);

### Rückgängigmachen der letzten Aktion
Um Benutzern das Rückgängigmachen ihrer letzten Aktion zu ermöglichen, verwenden Sie `pop`, um den zuletzt hinzugefügten Eintrag aus einem Array zu entfernen und abzurufen:




const actions = ["draw line", "erase", "add text"];
const lastAction = actions.pop();
console.log(lastAction); // Output: "add text"
console.log(actions); // Output: ["draw line", "erase"]

Diese Methoden unterstützen die Verwaltung von Listen, die sich durch Benutzerinteraktionen verändern, beispielsweise beim Aktualisieren von Warenkörben, Nachverfolgen von Schritten in einem Spiel oder Verwalten kürzlicher Bearbeitungen. Mit `push` und `pop` bleibt Ihre Datenstruktur organisiert und reagiert flexibel auf Benutzeraktionen.

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.

Arbeiten mit Arrays mit `push` und `pop`

push()

pop()

Nachrichten zu einem Chat hinzufügen

Rückgängigmachen der letzten Aktion