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.

Apprenez à contrôler la logique des programmes, à structurer les données et à créer des fonctionnalités dynamiques avec JavaScript. Travaillez avec les fonctions, les tableaux, les objets et les boucles, puis appliquez ces compétences pour créer un système de profil interactif. Acquérez les connaissances fondamentales nécessaires pour passer à React et au développement frontend moderne.

Appliquez vos connaissances dans un mini-projet, découvrez les bases du débogage et préparez-vous pour les prochaines étapes en JavaScript.

Travail Avec les Tableaux Avec `push`, `pop`

push()

pop()

Adding Messages to a Chat

Undoing the Latest Action