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()
De methode `push` voegt één of meer elementen toe aan het einde van een array en retourneert de nieuwe lengte. Bijvoorbeeld:








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()
De methode `pop` verwijdert het laatste element uit een array en retourneert dit. De lengte van de array neemt met één af:

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

De methoden `push` en `pop` zijn essentieel voor het verwerken van dynamische gegevens in praktijktoepassingen. Met deze methoden kun je items toevoegen aan en verwijderen uit arrays wanneer je gegevens veranderen.

### Berichten toevoegen aan een chat
Wanneer een gebruiker een nieuw bericht verzendt, gebruik je `push` om het aan het einde van de chatgeschiedenis-array toe te voegen:





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

### De laatste actie ongedaan maken
Als u gebruikers de mogelijkheid wilt geven hun laatste actie ongedaan te maken, gebruikt u `pop` om het meest recente item uit een array te verwijderen en op te halen:




const actions = ["draw line", "erase", "add text"];
const lastAction = actions.pop();
console.log(lastAction); // Output: "add text"
console.log(actions); // Output: ["draw line", "erase"]

Deze methoden helpen bij het beheren van lijsten die veranderen terwijl gebruikers met uw applicatie werken, zoals het bijwerken van winkelwagentjes, het bijhouden van stappen in een spel of het beheren van recente bewerkingen. Door gebruik te maken van `push` en `pop` blijft uw data georganiseerd en reageert deze op gebruikersacties.

Leer hoe u programmalogica beheerst, gegevens structureert en dynamische functionaliteiten bouwt met JavaScript. Werk met functies, arrays, objecten en lussen, en pas deze vaardigheden toe om een interactief profielensysteem te creëren. Verkrijg de kernkennis die nodig is om door te stromen naar React en moderne frontend-ontwikkeling.

Pas uw kennis toe in een mini-project, leer de basisprincipes van debuggen en bereid u voor op de volgende stappen in JavaScript.

Werken met Arrays met `push`, `pop`

push()

pop()

Berichten toevoegen aan een chat

De laatste actie ongedaan maken