Summary  
This chapter covers how to use the push and pop methods to add and remove elements at the end of arrays, enabling dynamic management of list data.

General domain of usage  
chat applications

## push()
The `push` method adds one or more elements to the end of an array and returns the new length. For example:








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()
The `pop` method removes the last element from an array and returns it. The array's length decreases by one:

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

The `push` and `pop` methods are essential for handling dynamic data in real-world applications. These methods let you add and remove items from arrays as your data changes.

### Adding Messages to a Chat
When a user sends a new message, use `push` to add it to the end of the chat history array:





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

### Undoing the Latest Action
If you want to let users undo their last action, use `pop` to remove and retrieve the most recent entry from an array:




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

These methods help you manage lists that change as users interact with your application, such as updating shopping carts, tracking steps in a game, or managing recent edits. By using `push` and `pop`, you can keep your data organized and responsive to user actions.

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()

Adding Messages to a Chat

Undoing the Latest Action