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()
El método `push` agrega uno o más elementos al final de un arreglo y devuelve la nueva longitud. Por ejemplo:








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()
El método `pop` elimina el último elemento de un arreglo y lo devuelve. La longitud del arreglo disminuye en uno:

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

Los métodos `push` y `pop` son fundamentales para gestionar datos dinámicos en aplicaciones del mundo real. Estos métodos permiten agregar y eliminar elementos de los arreglos a medida que los datos cambian.

### Agregar mensajes a un chat
Cuando un usuario envía un nuevo mensaje, utiliza `push` para añadirlo al final del arreglo del historial de chat:





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

### Deshacer la última acción
Para permitir que los usuarios deshagan su última acción, utiliza `pop` para eliminar y recuperar la entrada más reciente de un 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"]

Estos métodos ayudan a gestionar listas que cambian a medida que los usuarios interactúan con la aplicación, como actualizar carritos de compras, registrar pasos en un juego o administrar ediciones recientes. Al utilizar `push` y `pop`, puedes mantener tus datos organizados y adaptados a las acciones del usuario.

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

Agregar mensajes a un chat

Deshacer la última acción