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 a lógica do programa, estruturar dados e construir funcionalidades dinâmicas utilizando JavaScript. Trabalhe com funções, arrays, objetos e loops, depois aplique essas habilidades para criar um sistema de perfil interativo. Adquira o conhecimento fundamental necessário para avançar para React e desenvolvimento frontend moderno.

Aplique seu conhecimento em um mini projeto, aprenda noções básicas de depuração e prepare-se para os próximos passos em JavaScript.

Trabalhando com Arrays Usando `push`, `pop`

push()

pop()

Adding Messages to a Chat

Undoing the Latest Action