JavaScript - Delete Elements from the End of a JS Array

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.

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

// Remove last element
a.pop();

console.log(a);

[ 1, 2, 3 ]

2. Using splice() method

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

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

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

console.log(a);

[ 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.

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

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

console.log(a2);

[ 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.

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

console.log(a2);

[ 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.

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

console.log(a);

[ 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.

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);

[ 1, 2, 3 ]