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.

Opi hallitsemaan ohjelmalogiikkaa, jäsentämään dataa ja rakentamaan dynaamisia ominaisuuksia JavaScriptin avulla. Työskentele funktioiden, taulukoiden, olioiden ja silmukoiden kanssa, ja sovella näitä taitoja interaktiivisen profiilijärjestelmän luomiseen. Hanki perustiedot, joita tarvitaan Reactin ja modernin frontend-kehityksen aloittamiseen.

Sovella osaamistasi miniprojektissa, opi virheenkorjauksen perusteet ja valmistaudu seuraaviin vaiheisiin JavaScriptissä.

Taulukoiden Käsittely `push`- ja `pop`-metodeilla

push()

pop()

Adding Messages to a Chat

Undoing the Latest Action