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

Одна из наиболее часто выполняемых операций над массивом — удаление последнего элемента. Есть несколько различных способов сделать это, но один из наиболее распространенных — использование метода pop(). Предположим, у вас есть следующий массив:

let myArr = [ "🍎", "🍏", "🍐", "🍍" ];

Чтобы удалить последний элемент, все, что нам нужно сделать, это применить pop():

let myArr = [ "🍎", "🍏", "🍐", "🍍" ];
myArr.pop();
console.log(myArr); // [ "🍎", "🍏", "🍐" ]

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

Еще один распространенный метод — использование метода splice. Опять же, splice изменит исходный массив и работает почти так же. Нет никакой реальной причины использовать один вместо другого:

let myArr = [ "🍎", "🍏", "🍐", "🍍" ];
myArr.splice(-1);
console.log(myArr); // [ "🍎", "🍏", "🍐" ]

Наконец, еще один способ сделать это без изменения исходного массива — использовать slice (не путать с splice). slice() отличается как от pop(), так и от splice() тем, что создает неглубокая копия исходного массива. Удаление последнего элемента с помощью slice выглядит так:

let myArr = [ "🍎", "🍏", "🍐", "🍍" ];
let newArr = myArr.slice(0, -1);
console.log(newArr); // [ "🍎", "🍏", "🍐" ]
console.log(myArr); // [ "🍎", "🍏", "🍐", "🍍" ]

Здесь мы сохраняем наш нарезанный массив в новой переменной, так как исходный массив остается неизменным. Однако у неглубоких копий есть некоторые особенности, например, иногда приводящие к изменению исходного массива, поэтому это не независимая копия. Подробнее о поверхностных копиях и о том, как создавать глубокие копии, можно узнать здесь.

Вы также можете узнать больше о методе среза здесь.

Также опубликовано здесь