JavaScript метод shift()

JavaScript Array

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

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


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


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

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

МетодChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
shift()ДаДаДаДаДаДа

JavaScript синтаксис:

array.shift(); 

Версия JavaScript

1.2

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

Нет.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование JavaScript метода shift()</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.shift(); // удаляем первый элемент из массива
	  document.getElementById("test").innerHTML = animals; // добавляем новое содержимое переменной в элемент с глобальным атрибутом id test
	}		
		</script>
	</body>
</html>

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

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

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

Обратите внимание, что метод удаляет именно элемент с индексом 0:

var a = []; // пустой массив 
undefined
a[2] = 2; // задаем значение для элемента с индексом 2
[undefined, undefined, 2]
a.length; // узнаем длину массива
3
a.shift(); // удаляем первый элемент массива (с индексом 0)
undefined
a.shift(); // удаляем первый элемент массива (с индексом 0)
undefined
a.shift(); // удаляем первый элемент массива (с индексом 0)
2
JavaScript Array