Remove the last Element from an Array in JavaScript

Remove the Last Element from an Array #

To remove the last element from an array, call the pop() method on the array, e.g. arr.pop(). The pop method removes the last element from the array and returns it. The method mutates the original array, changing its length.

Copied!
const arr = ['a', 'b', 'c', 'd'];

const removeLast = arr.pop();
console.log(removeLast); // 👉️ d

console.log(arr); // 👉️ ['a','b','c']

In the code snippet, we used the Array.pop method to remove the last element from the array.

If we call the Array.pop method on an empty array, it doesn't throw an error, instead it returns undefined.

Copied!
const arr = [];

const removeLast = arr.pop();
console.log(removeLast); // 👉️ undefined

console.log(arr); // 👉️ []

Changing the contents of the array can be difficult to reason about, especially when you have to mutate the same array multiple times.

We can create a copy of a subset of the array, by using the Array.slice method. This method does not change the contents of the original array.

Copied!
const arr = ['a', 'b', 'c', 'd'];

const withoutLast = arr.slice(0, -1);
console.log(withoutLast); // 👉️ ['a','b','c']

console.log(arr); // 👉️ ['a', 'b', 'c', 'd']

The parameters we passed to the slice method are:

1. start index - a zero-based index at which we start extraction
2. end index - extract up to, but not including this index. A negative index of -1 means go up to, but not including the last element of the array

The benefit of this approach is that the contents of the original array remain unchanged.

This is good because it's very difficult to keep tabs on how an array's contents change throughout your code once you start mutating it.

Further Reading #

• Get the first N elements from an Array in JavaScript
• Get the last N elements from an Array in JavaScript
• How to check if an Array Index exists in JavaScript
• How to Append one Array to Another in JavaScript
• Check how many times an Element appears in JS Array
• Count Occurrences of each Element in Array in JavaScript
• Count the Unique Elements in an Array in JavaScript
• How to Push multiple Values to an Array in JavaScript
• Check if Array Doesn't include a Value in JavaScript
• Check if Array contains Empty Elements in JavaScript
• Check if Array contains Empty String in JavaScript
• Check if all Values in Array are Equal in JavaScript