JS метод Array.pop()

Опис

Метод pop() використовується для роботи з масивами, коли потрібно видалити останній елемент масиву. Після вилучення елемента з масиву, метод повертає його значення, щоб ми могли дізнатися, яке саме значення було видалено.

Розглянемо приклад:

let animals = ["cat", "dog", "fish"];
let lastAnimal = animals.pop();
console.log(animals);  // Output: ["cat", "dog"]
console.log(lastAnimal); // Output: "fish"

У цьому прикладі ми маємо масив animals, що містить три елементи. Після застосування методу pop(), останній елемент fish видаляється з масиву, але зберігається в змінній lastAnimal.

Дуже важливо розуміти, що pop() є мутуючим методом. Це означає, що він впливає на довжину та вміст масиву, представленого як this. Якщо ж вам потрібно зберегти вихідний масив без змін, але повернути новий масив без останнього елемента, слід використовувати arr.slice(0, -1).

Порада:	Переконайтеся, що ви викликаєте метод `pop()` на конкретному масиві, на якому хочете здійснити операцію видалення останнього елемента. Виклик цього методу без контексту або на об'єкті не відповідного типу може призвести до помилки.
Порада:	Перед викликом методу `pop()` варто переконатися, що масив не є пустим. Якщо масив пустий, метод `pop()` поверне `undefined`. Тому варто використовувати умовну перевірку, щоб переконатися, що масив має елементи перед викликом `pop()`.
Нотатка:	Метод `pop()` не тільки видаляє останній елемент з масиву, але й повертає його значення. Ви можете зберегти це значення у змінну або використовувати його безпосередньо.
Нотатка:	Хоча рядки мають властивості, що нагадують масиви, `pop()` не призначений для роботи з рядками, тому що рядки в JavaScript є незмінними.
Нотатка:	Якщо ви вирішите застосувати `pop()` до порожнього масиву, він поверне `undefined`, оскільки в масиві немає жодного елемента для видалення.
Нотатка:	Є інший метод, `Array.prototype.shift()`, який дуже схожий на `pop()`. Однак основна відмінність полягає в тому, що цей метод видаляє перший елемент масиву, а не останній.
Нотатка:	Метод `pop()` очікує, що масив, представлений як `this`, матиме властивість `length`.

Синтаксис

pop()

Параметри

Return

value: Видалений елемент з масиву.
undefined: Якщо масив порожній.

Переглядачі

Переглядач
	1	1	1	4	12

Переглядач
	4,4	18	4	1

Переглядач
	0.10.0	1.0

Приклади

Даний приклад використовує метод pop() для видалення останнього елемента з масиву plants. Після виклику методу pop(), на сторінці виводиться видалений елемент та масив.


  See the Pen <a href="https://codepen.io/css_in_ua/pen/KKrXwNX">
  Untitled</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.

Видалення останнього елемента з масиву.

const myFish = ["angel", "clown", "mandarin", "sturgeon"];

const popped = myFish.pop();

console.log(myFish); // ['angel', 'clown', 'mandarin']

console.log(popped); // 'sturgeon'

Виклик методу pop() на об'єктах, що не є масивами.

const arrayLike = {
  length: 3,
  unrelated: "foo",
  2: 4,
};
console.log(Array.prototype.pop.call(arrayLike));
// 4
console.log(arrayLike);
// { length: 2, unrelated: 'foo' }

const plainObj = {};
// Відсутня властивість length, тому довжина (length) дорівнює 0
Array.prototype.pop.call(plainObj);
console.log(plainObj);
// { length: 0 }

JS довідник

JavaScript

Наповнення JS розділу