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()
Метод `push` додає один або кілька елементів у кінець масиву та повертає нову довжину. Наприклад:








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()
Метод `pop` видаляє останній елемент з масиву та повертає його. Довжина масиву зменшується на один:

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

Методи `push` та `pop` є ключовими для роботи з динамічними даними у реальних застосунках. Вони дозволяють додавати та видаляти елементи з масивів у міру зміни даних.

### Додавання повідомлень у чат
Коли користувач надсилає нове повідомлення, використовуйте `push`, щоб додати його в кінець масиву історії чату:





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

### Скасування останньої дії
Щоб дозволити користувачам скасувати свою останню дію, використовуйте `pop` для видалення та отримання найновішого елемента з масиву:




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

Ці методи допомагають керувати списками, які змінюються під час взаємодії користувачів із вашим застосунком, наприклад, при оновленні кошика, відстеженні кроків у грі або керуванні нещодавніми змінами. Використовуючи `push` і `pop`, ви можете підтримувати впорядкованість даних і швидко реагувати на дії користувачів.

Дізнайтеся, як керувати логікою програми, структурувати дані та створювати динамічні функції за допомогою JavaScript. Працюйте з функціями, масивами, об'єктами та циклами, а потім застосовуйте ці навички для створення інтерактивної системи профілів. Отримайте базові знання, необхідні для переходу до React та сучасної frontend-розробки.

Застосування знань у мініпроєкті, ознайомлення з основами налагодження та підготовка до подальшого вивчення JavaScript.

Робота з Масивами за Допомогою `push`, `pop`

push()

pop()

Додавання повідомлень у чат

Скасування останньої дії