Метод массива Array pop() в JavaScript с примерами

В этом руководстве вы узнаете, как использовать метод JavaScript Array pop() для удаления последнего элемента из массива.

Метод Array.prototype.pop() удаляет последний элемент из массива и возвращает удаленный элемент. Синтаксис:

array.pop()

Метод pop() изменяет свойство length массива. Если массив пуст, pop() возвращает undefined.

Примеры

Давайте рассмотрим несколько примеров использования метода.

1) Удаление последнего элемента массива

В следующем примере используется метод pop() для удаления последнего элемента массива numbers :

const numbers = [10, 20, 30];
const last = numbers.pop();

console.log(last); // 30
console.log(numbers.length); // 2

Выход:

30
2

В этом примере метод pop() удаляет число 30 из массива numbers. Кроме того, он уменьшает значение свойства length массива numbers до 2.

На следующем рисунке показано, как работает метод pop() :

Всплывающий массив JavaScript

2) Использование с пустым массивом

В следующем примере метод pop() вызывается для пустого массива. В этом случае метод возвращает undefined значение, а length массива равна нулю:

const numbers = [];
const last = numbers.pop();

console.log(last);
console.log(numbers.length);

Выход:

undefined
0

3) Использование метода pop() с массивоподобными объектами

Метод pop() является общим. Следовательно, вы можете использовать call() или apply() для вызова метода pop() для объекта, подобного массиву. Внутри pop() использует свойство length объекта, похожего на массив, для определения последнего удаляемого элемента.

Пример:

let greetings = {
  0: 'Hi',
  1: 'Hello',
  2: 'Howdy',
  length: 2,
  removeLast() {
    return [].pop.call(this);
  },
};

let greting = greetings.removeLast();

console.log(greting);
console.log(greetings);

Выход:

'Howdy'

{
  '0': 'Hi',
  '1': 'Hello',
  length: 2,
  removeLast: [Function: removeLast]
}

Как это работает.

Сначала определите объект greetings, который имеет:

  • Четыре свойства 0, 1, 2 и длина.
  • Один метод removeLast(), который использует метод call() массива для вызова метода pop().

Во-вторых, вызовите метод removeLast() объекта greetings :

let greting = greetings.removeLast();

В-третьих, выведите удаленный элемент( greeting ) и объект greetings в консоль:

console.log(greting);
console.log(greetings);

Заключение

  • Используйте метод pop() для удаления последнего элемента массива.
  • Используйте call() или apply() для вызова метода pop() для объекта, подобного массиву.
Рейтинг
( Пока оценок нет )
Александр Русаков / автор статьи
Программист, разработчик, 12 лет опыта работы в крупных компаниях. Быстро освоил typescript, делюсь своими знаниями на страницах этого сайта.
Загрузка ...
JavaScript и TypeScript