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()
La méthode `push` ajoute un ou plusieurs éléments à la fin d'un tableau et retourne la nouvelle longueur. Par exemple :








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()
La méthode `pop` supprime le dernier élément d'un tableau et le retourne. La longueur du tableau diminue de un :

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

Les méthodes `push` et `pop` sont essentielles pour gérer des données dynamiques dans des applications réelles. Ces méthodes permettent d’ajouter et de supprimer des éléments dans les tableaux au fur et à mesure que les données évoluent.

### Ajout de messages à une discussion
Lorsqu’un utilisateur envoie un nouveau message, utilisez `push` pour l’ajouter à la fin du tableau de l’historique de discussion :





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

### Annulation de la dernière action
Pour permettre aux utilisateurs d'annuler leur dernière action, utiliser `pop` pour supprimer et récupérer l'entrée la plus récente d'un tableau :




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

Ces méthodes permettent de gérer des listes qui évoluent en fonction des interactions des utilisateurs avec votre application, comme la mise à jour de paniers d'achat, le suivi des étapes dans un jeu ou la gestion des modifications récentes. L'utilisation de `push` et `pop` permet de garder les données organisées et réactives aux actions des utilisateurs.

Apprenez à contrôler la logique des programmes, à structurer les données et à créer des fonctionnalités dynamiques avec JavaScript. Travaillez avec les fonctions, les tableaux, les objets et les boucles, puis appliquez ces compétences pour créer un système de profil interactif. Acquérez les connaissances fondamentales nécessaires pour passer à React et au développement frontend moderne.

Appliquez vos connaissances dans un mini-projet, découvrez les bases du débogage et préparez-vous pour les prochaines étapes en JavaScript.

Travail Avec les Tableaux Avec `push`, `pop`

push()

pop()

Ajout de messages à une discussion

Annulation de la dernière action