Как удалить последний элемент массива в JavaScript пошагово

Самый прямолинейный способ удалить последний элемент из массива в JavaScript — использовать метод pop(), который напрямую удаляет и возвращает последний элемент, одновременно изменяя исходный массив. Для вашего массива var arr = [1,0,2] вы применяете arr.pop(), чтобы удалить элемент 2, после чего arr становится [1,0].

• Использование метода pop()
• Альтернативные методы: splice() и slice()
• Сравнение методов удаления из массива
• Практические примеры и варианты использования
• Лучшие практики работы с массивами

Использование метода pop()

Метод pop() специально предназначен для удаления последнего элемента массива. Это самый эффективный и читаемый способ выполнения этой задачи.

var arr = [1, 0, 2];
var removedElement = arr.pop(); // Возвращает 2
console.log(arr); // Вывод: [1, 0]
console.log(removedElement); // Вывод: 2

Ключевые характеристики pop():

• Изменяет исходный массив (мутирующий метод)
• Возвращает удалённый элемент (полезно, если вам нужно значение)
• Не требует аргументов — всегда удаляет последний элемент
• Самый быстрый для удаления последнего элемента

Как объясняет Mozilla Developer Network, «Метод pop() является мутирующим методом. Он изменяет длину и содержимое массива».

Альтернативные методы: splice() и slice()

Использование splice()

Метод splice() более универсален и может удалять элементы из любой позиции массива. Чтобы удалить последний элемент:

var arr = [1, 0, 2];
var removedElement = arr.splice(-1, 1); // Возвращает [2]
console.log(arr); // Вывод: [1, 0]
console.log(removedElement); // Вывод: [2]

Можно также использовать:

arr.splice(arr.length - 1, 1); // Тот же результат

Ключевые моменты о splice():

• Изменяет исходный массив
• Возвращает массив удалённых элементов (не один элемент)
• Требует два аргумента: индекс начала и количество удаляемых элементов
• Более гибок — может удалять несколько элементов или добавлять новые

Использование slice()

Метод slice() отличается тем, что не изменяет исходный массив. Вместо этого он создаёт новый массив:

var arr = [1, 0, 2];
var newArr = arr.slice(0, -1); // Возвращает [1, 0]
console.log(arr); // Вывод: [1, 0, 2] (исходный не изменён)
console.log(newArr); // Вывод: [1, 0]

Согласно W3Schools, метод slice() извлекает часть строки и возвращает её как новую строку, не изменяя исходную.

Сравнение методов удаления из массива

Как отмечает Stack Overflow, «Я бы считал .pop() наиболее «правильным» решением, однако иногда он может не работать, если вам нужно использовать массив без последнего элемента сразу».

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

Пример 1: Удаление нескольких элементов с конца

Можно использовать цикл while с pop() для удаления нескольких элементов:

var arr = [1, 2, 3, 4, 5];
var n = 2; // Удалить последние 2 элемента

while (n > 0) {
    arr.pop();
    n--;
}
console.log(arr); // Вывод: [1, 2, 3]

Пример 2: Условное удаление

Удалить последний элемент только при выполнении определённых условий:

var arr = [1, 0, 2, 3];
if (arr.length > 0 && arr[arr.length - 1] > 1) {
    arr.pop();
}
console.log(arr); // Вывод: [1, 0, 2]

Пример 3: Создание нового массива без последнего элемента

Если нужно сохранить исходный массив:

var original = [1, 0, 2, 3];
var modified = original.slice(0, -1);

console.log('Original:', original); // [1, 0, 2, 3]
console.log('Modified:', modified); // [1, 0, 2]

Лучшие практики работы с массивами

1. Используйте pop() для удаления последнего элемента — это самый читаемый и быстрый метод.
2. Обратите внимание на мутацию — если нужно сохранить исходный массив, используйте slice().
3. Безопасно обрабатывайте пустые массивы — всегда проверяйте наличие элементов перед вызовом pop():

if (arr.length > 0) {
    arr.pop();
}

4. Выбирайте метод, соответствующий вашим требованиям:
   • pop() — когда нужно удалить последний элемент и не требуется исходный массив.
   • splice() — когда нужна более точная контроль над удаляемыми элементами.
   • slice() — когда нужно создать новый массив без изменения исходного.
5. Учитывайте производительность — для больших массивов pop() обычно быстрее, чем splice() или slice().

Как отмечает GeeksforGeeks, «Метод pop() используется для удаления последнего элемента из массива».

Заключение

Чтобы удалить последний элемент из массива в JavaScript, правильный подход зависит от ваших конкретных потребностей:

• Для простого удаления: используйте arr.pop() — самый эффективный и читаемый метод.
• Если вам нужно получить удалённое значение: pop() возвращает элемент, а splice() возвращает массив.
• Если нужно сохранить исходный массив: используйте arr.slice(0, -1) для создания нового массива.
• Для удаления нескольких элементов с конца: комбинируйте pop() с циклом или используйте splice(-n, n).

Ваша проблема с arr.slice(-1) заключалась в том, что slice() не изменяет исходный массив — он создаёт новый массив, содержащий вырезанные элементы. Для удаления последнего элемента с изменением исходного массива pop() действительно является лучшим выбором.

Источники

1. JavaScript Array pop() Method - W3Schools
2. Array.prototype.pop() - MDN Web Docs
3. Remove last item from array - Stack Overflow
4. How to Remove the Last Array Element in JavaScript: 4 Ways – Master Data Skills + AI
5. JavaScript - Remove n Elements From End Array - GeeksforGeeks
6. Learn 4 Ways to Remove the Last Element from an Array in JavaScript - Medium
7. How to Remove Last Element From Array in JavaScript - Delft Stack
8. JavaScript Array splice() Method - MDN Web Docs
9. JavaScript Array slice() vs splice() - GeeksforGeeks
10. Array Method Madness: a review of .push() .pop() .shift() .unshift() .slice() & .splice() - Medium