JavaScript - Delete Elements from the End of a JS Array

Last Updated : 14 Nov, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

These are the following ways to delete elements from the end of JavaScript arrays:

1. Using pop() method

The pop() method is used to remove the last element from an array and returns the modified array.

JavaScript
let a = [1, 2, 3, 4];

// Remove last element
a.pop();

console.log(a);

Output
[ 1, 2, 3 ]

2. Using splice() method

The splice() method can remove elements from any index of the array, including the end.

JavaScript
let a = [1, 2, 3, 4];

// Remove last element
a.splice(a.length - 1, 1);

console.log(a);

Output
[ 1, 2, 3 ]

3. Using Destructuring Assignment

Array destructuring is used to extract the elements of the array except the last one and create a new array.

JavaScript
let a1 = [1, 2, 3, 4];

// Remove last element
const [ ...a2 ] = a1;
a2.length = a1.length - 1;

console.log(a2);

Output
[ 1, 2, 3 ]

4. Using slice() Method

The slice() method is used to remove the last element by specifying the end index. The slice() method creates a new array.

JavaScript
let a1 = [1, 2, 3, 4];
let a2 = a1.slice(0, -1);

console.log(a2);

Output
[ 1, 2, 3 ]

5. Using length property

The JS length property is used to remove the last element of the array by setting the array.length to array.length - 1.

JavaScript
let a = [1, 2, 3, 4];
a.length = a.length - 1;

console.log(a);

Output
[ 1, 2, 3 ]

6. Using Custom Loop

The JS for loop is used to iterate from the first element to the second last element of the array copying the elements to the new array.

JavaScript
let a1 = [1, 2, 3, 4];

// Create a new array and copy elements except the last one
let a2 = [];
for (let i = 0; i < a1.length - 1; i++) {
    a2.push(a1[i]);
}

console.log(a2);

Output
[ 1, 2, 3 ]

Next Article

Similar Reads