Summary  
This chapter explains how to use the push method to add elements to the end of an array and the pop method to remove and return the last element, each altering the array’s length.

General domain of usage  
Chat message history management

## push()
Metoden `push` lägger till ett eller flera element i slutet av en array och returnerar den nya längden. Till exempel:








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()
Metoden `pop` tar bort det sista elementet från en array och returnerar det. Arrayens längd minskar med ett:

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

Metoderna `push` och `pop` är grundläggande för att hantera dynamisk data i verkliga applikationer. Dessa metoder gör det möjligt att lägga till och ta bort element från arrayer när din data förändras.

### Lägga till meddelanden i en chatt
När en användare skickar ett nytt meddelande används `push` för att lägga till det i slutet av chatthistorikens array:





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

### Ångra den senaste åtgärden
Om du vill låta användare ångra sin senaste åtgärd, använd `pop` för att ta bort och hämta det senaste elementet från en 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"]

Dessa metoder hjälper dig att hantera listor som förändras när användare interagerar med din applikation, till exempel uppdatering av kundvagnar, spårning av steg i ett spel eller hantering av senaste ändringar. Genom att använda `push` och `pop` kan du hålla din data organiserad och responsiv mot användarens åtgärder.

Lär dig att styra programlogik, strukturera data och bygga dynamiska funktioner med JavaScript. Arbeta med funktioner, arrayer, objekt och loopar, och tillämpa sedan dessa färdigheter för att skapa ett interaktivt profilsystem. Få den grundläggande kunskap som krävs för att gå vidare till React och modern frontendutveckling.

Tillämpa dina kunskaper i ett miniprojekt, lär dig grunderna i felsökning och förbered dig för dina nästa steg i JavaScript.

Arbeta med Arrayer med `push`, `pop`

push()

pop()

Lägga till meddelanden i en chatt

Ångra den senaste åtgärden