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.

Aprenda a controlar la lógica del programa, estructurar datos y construir funciones dinámicas utilizando JavaScript. Trabaje con funciones, arreglos, objetos y bucles, luego aplique estas habilidades para crear un sistema de perfil interactivo. Adquiera los conocimientos fundamentales necesarios para avanzar a React y al desarrollo frontend moderno.

Aplica tus conocimientos en un mini proyecto, aprende los conceptos básicos de depuración y prepárate para los siguientes pasos en JavaScript.

Trabajando con Arreglos Usando `push`, `pop`

push()

pop()

Adding Messages to a Chat

Undoing the Latest Action