JavaScript метод pop()

Определение и применение

JavaScript метод pop() позволяет удалить последний элемент из массива и возвратить его значение. Этот метод изменяет длину массива.

Обращаю Ваше внимание, что если метод pop() применяется к пустому массиву, то возвращаемое значение метода будет undefined.

Для того, чтобы удалить первый элемент из массива и возвратить его значение вы можете воспользоваться методом shift().

Поддержка браузерами

Метод	Chrome	Firefox	Opera	Safari	IExplorer	Edge
`pop()`	Да	Да	Да	Да	Да	Да

JavaScript синтаксис:

array.pop();

Версия JavaScript

1.2

Значения параметров

Нет.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование JavaScript метода pop()</title>
	</head>
	<body>
		<button onclick = "myFunc()">Клик</button> <!-- добавляем атрибут событий onclick -->
		<div id = "test"></div>
		<script>
	var animals = ["Crocodile", "Elephant", "Tiger", "Ex-girlfriend"]; // создаем переменную, содержащую массив строковых данных
	document.getElementById("test").innerHTML = animals; // добавляем содержимое переменной в элемент с глобальным атрибутом id test

	function myFunc() {
	  animals.pop(); // удаляем последний элемент из массива
	  document.getElementById("test").innerHTML = animals; // добавляем новое содержимое переменной в элемент с глобальным атрибутом id test
	}		
		</script>
	</body>
</html>

В этом примере мы с использованием атрибута событий onclick при нажатии на кнопку (HTML элемент <button>) вызываем функцию myFunc(), которая с использованием JavaScript метода .pop() удаляет последний элемент из массива, и с помощью свойства innerHTML добавляет новое содержимое массива в элемент <div> с глобальным атрибутом id test.

Результат нашего примера:

Пример использования JavaScript метода pop()

JavaScript Array