LearnJS

pop() в JavaScript

pop() удаляет последний элемент массива и возвращает этот элемент.

let fruits = ['apple', 'orange', 'banana'];

let lastFruit = fruits.pop();

console.log(lastFruit);
console.log(fruits);

Результат:

banana
['apple', 'orange']

Что делает pop()

Метод pop() работает с концом массива. Он берет последний элемент, удаляет его из массива и возвращает наружу.

let numbers = [10, 20, 30];

let removed = numbers.pop();

console.log(removed); // 30
console.log(numbers); // [10, 20]

Это удобно, когда нужно не просто удалить элемент, но и сразу использовать удаленное значение.

Синтаксис

pop() вызывается через точку после имени массива.

array.pop()

Метод не принимает аргументы. Он всегда работает только с последним элементом.

let users = ['Анна', 'Олег', 'Мария'];

users.pop();

console.log(users);

Результат:

['Анна', 'Олег']

Возврат удаленного элемента

Результат работы pop() можно сохранить в переменную.

let tasks = ['Проверить почту', 'Написать отчет'];

let task = tasks.pop();

console.log(task);

Результат:

Написать отчет

Если результат не нужен, можно просто вызвать метод.

let tasks = ['Проверить почту', 'Написать отчет'];

tasks.pop();

Исходный массив меняется

pop() меняет исходный массив. Он не создает новый массив с удаленным элементом.

let colors = ['red', 'green', 'blue'];

colors.pop();

console.log(colors);

Результат:

['red', 'green']

Если нужно сохранить старый массив без изменений, сначала сделайте копию.

let colors = ['red', 'green', 'blue'];
let copy = [...colors];

copy.pop();

console.log(colors); // ['red', 'green', 'blue']
console.log(copy); // ['red', 'green']

Пустой массив

Если вызвать pop() у пустого массива, ошибки не будет. Метод вернет undefined.

let numbers = [];

let result = numbers.pop();

console.log(result);
console.log(numbers);

Результат:

undefined
[]

pop() и length

После удаления элемента длина массива уменьшается на 1.

let fruits = ['apple', 'orange', 'banana'];

console.log(fruits.length); // 3

fruits.pop();

console.log(fruits.length); // 2

Если массив уже пустой, длина останется 0.

let fruits = [];

fruits.pop();

console.log(fruits.length); // 0

Где использовать

pop() подходит, когда нужно работать с последним элементом массива.

Например, можно взять последнюю задачу из списка:

let tasks = ['Открыть редактор', 'Написать код', 'Проверить результат'];

let currentTask = tasks.pop();

console.log(currentTask); // Проверить результат
console.log(tasks); // ['Открыть редактор', 'Написать код']

Итого

pop() удаляет последний элемент массива.

  • array.pop() вызывается без аргументов.
  • Метод возвращает удаленный элемент.
  • Исходный массив после вызова меняется.
  • У пустого массива pop() возвращает undefined.
  • После удаления length уменьшается на 1.