Shift: примеры (JAVASCRIPT)

Короткие примеры использования

Базовый пример удаления элемента:

const fruits = ['яблоко', 'банан', 'апельсин'];
const removed = fruits.shift();
console.log(removed);
console.log(fruits);

'яблоко'
['банан', 'апельсин']

Использование на пустом массиве:

const emptyArray = [];
const result = emptyArray.shift();
console.log(result);
console.log(emptyArray.length);

undefined
0

Работа с массивом из одного элемента:

const single = [100];
const val = single.shift();
console.log(val);
console.log(single);

100
[]

Похожие функции в JavaScript

pop() - удаляет последний элемент массива и возвращает его. Используется для стека (LIFO).

unshift() - добавляет один или несколько элементов в начало массива. Является противоположностью shift().

splice(0, 1) - может удалить первый элемент, но также позволяет удалять и заменять элементы в любой позиции. Более универсален, но менее читаем для простого удаления первого элемента.

slice(1) - возвращает новый массив без первого элемента, но не изменяет исходный.

Когда что использовать: shift() предпочтительнее для очередей, когда важна производительность и понятность кода. pop() для стеков. splice() когда нужно удалить элемент по индексу или несколько элементов. slice() когда исходный массив должен остаться неизменным.

Типичные ошибки

Ожидание возврата массива вместо элемента:

const arr = [1, 2, 3];
const newArr = arr.shift();
console.log(newArr); // Ожидание: [2, 3], реальность: 1

1

Использование на не массивах (хотя в JS это возможно с некоторыми объектами):

const obj = { 0: 'a', length: 1 };
const val = Array.prototype.shift.call(obj);
console.log(val); // 'a'
console.log(obj); // { length: 0 } - сработало, но это нетипичное использование

Игнорирование изменения исходного массива:

const original = [10, 20];
const copy = original;
copy.shift();
console.log(original); // [20] - изменился и original

[20]

Изменения в последних версиях

Метод shift() существует с первых версий JavaScript (ECMAScript 1) и не претерпевал значительных изменений в своей основе. Однако, с развитием стандартов:

В ECMAScript 5.1 (2011) метод был окончательно стандартизирован и стал не изменяемым и не настраиваемым в строгом режиме.

В современных версиях JavaScript движки оптимизируют производительность shift() для больших массивов, хотя он все равно может быть медленнее, чем pop(), так как требует переиндексации всех оставшихся элементов.

Расширенные примеры использования

Реализация простой очереди обработки задач:

const taskQueue = [];
function addTask(task) {
  taskQueue.push(task);
}
function processNextTask() {
  if (taskQueue.length > 0) {
    const task = taskQueue.shift();
    console.log('Выполняется:', task);
  } else {
    console.log('Очередь пуста');
  }
}
addTask('Загрузка данных');
addTask('Анализ данных');
processNextTask();
processNextTask();
processNextTask();

Выполняется: Загрузка данных
Выполняется: Анализ данных
Очередь пуста

Обработка массива до его опустошения:

const numbers = [5, 8, 3, 1];
while (numbers.length) {
  console.log('Удаляем:', numbers.shift(), 'Осталось:', numbers);
}

Удаляем: 5 Осталось: [8, 3, 1]
Удаляем: 8 Осталось: [3, 1]
Удаляем: 3 Осталось: [1]
Удаляем: 1 Осталось: []

Использование shift() в цепочке методов:

const data = [7, 12, 5, 9];
const firstTwoSum = data.shift() + data.shift();
console.log(firstTwoSum); // 7+12=19
console.log(data); // [5, 9]

19
[5, 9]

Работа с массивом объектов:

const users = [
  { id: 1, name: 'Анна' },
  { id: 2, name: 'Иван' }
];
const nextUser = users.shift();
console.log(nextUser.name);
console.log(users.length);

Анна
1

Эмуляция shift() для array-like объектов:

function shiftArgs() {
  return Array.prototype.shift.call(arguments);
}
console.log(shiftArgs(10, 20, 30));
// arguments после вызова содержит [20, 30]

10

Аналоги в других языках программирования

Python: метод pop(0) у списков. Удаляет и возвращает первый элемент. Отличие: в Python это метод pop с аргументом, а не отдельная функция.

fruits = ['apple', 'banana', 'orange']
removed = fruits.pop(0)
print(removed)
print(fruits)

apple
['banana', 'orange']

PHP: функция array_shift(). Работает аналогично, но также сбрасывает указатели массива.

$fruits = ['apple', 'banana', 'orange'];
$removed = array_shift($fruits);
echo $removed;
print_r($fruits);

apple
Array ( [0] => banana [1] => orange )

C++ (STL, deque): метод pop_front(). Удаляет первый элемент, но не возвращает его значение (для получения значения используется front()).

#include <deque>
std::deque<int> dq = {10, 20, 30};
dq.pop_front(); // удаляет 10, но не возвращает

MySQL: нет прямой аналогии, но можно использовать подзапросы с LIMIT для выборки первой строки.