Thursday, July 4, 2024
HomeLanguagesJavascriptRemove the last item from an array in JavaScript

Remove the last item from an array in JavaScript

In this article, the task is to remove the last item from the array. Here are a few of the most preferred methods discussed. 

Methods to Remove the Last Element of an Array:

Method 1:JavaScript Array splice() Method

This method adds/deletes items to/from the array and returns the deleted item(s).

Syntax:

array.splice(index, number, item1, ....., itemN)

Parameters:

  • index: This parameter is required. It specifies the integer at what position to add/remove items, Negative values are used to specify the position from the end of the array.
  • number: This parameter is optional. It specifies the number of items to be removed. 0 means, nothing to remove.
  • item1, ….., itemN: This parameter is optional. This specifies the new item(s) to be added to the array.

Return value:

Returns a new Array, having the removed items.

Example: This example removes the last item from the array using the splice() method.

Javascript




// Input array
let array = [34, 24, 31, 48];
 
// Display array
console.log("Array = [" + array + "]");
 
// Funciton to remove last element
function gfg_Run() {
    array.splice(-1, 1);
     
    // Display Output
    console.log(
        "Remaining array = [" + array + "]");
}
gfg_Run()


Output

Array = [34,24,31,48]
Remaining array = [34,24,31]

Method 2: JavaScript Array slice() Method

This method returns a new array containing the selected elements. This method selects the elements that start from the given start argument and end at, but excludes the given end argument. 

Syntax:

array.slice(start, end)

Parameters:

  • start: This parameter is optional. It specifies the integer from where to start the selection (the first element is at index 0). Negative numbers are used to select from the end of the array. If not used, it acts like “0”
  • end: This parameter is optional. It specifies the integer from where to end the selection. If not used, all elements from the start to the end of the array will be included in the selection. Negative numbers are used to select from the end.

Return value:

Returns a new Array, having the selected items.

Example: This example does not remove the last item from the array but returns a new array in which the item is removed, using the slice() method.

Javascript




// Input array
let array = [34, 24, 31, 48];
// Display input array
console.log("Array = [" + array + "]");
 
// Function to remove last element
function gfg_Run() {
    // Display output
    console.log(
        "Remaining array = [" + array.slice(0, -1) + "]");
}
gfg_Run()


Output

Array = [34,24,31,48]
Remaining array = [34,24,31]

Method 3: JavaScript Array pop() Method

This method deletes the last element of an array and returns the element. 

Syntax:

array.pop()

Return value:

It returns the removed array item. An array item can be a string, a number, an array, a boolean, or any other object type that is applicable to an array.

Example: This example removes the last item from the array using the pop() method.

Javascript




// Input array
let array = [34, 24, 31, 48];
// Display input array
console.log("Array = [" + array + "]")
 
//Funcion to remove element and show output
function gfg_Run() {
    // Remove last element
    array.pop();
     
    // Display output
    console.log(
        "Remaining array = [" + array + "]");
}
gfg_Run()


Output

Array = [34,24,31,48]
Remaining array = [34,24,31]

Method 4: JavaScript array.reduce() Method

The reduce method in JavaScript is used to reduce the array to a single value and executes a provided function for each value of the array and the return value of the function is stored in an accumulator.

Syntax:

array.reduce( function(total, currentValue, currentIndex, arr), 
initialValue )

Example: This example removes the last item from the array using the arr.reduce() method.

Javascript




// Input array
let array = [34, 24, 31, 48];
// Display input array
console.log("Array = [" + array + "]");
 
// Function to remove last element
function gfg_Run() {
    array = array.filter((item, i) => i != (array.length - 1));
     
    // Display output
    console.log(
        "Remaining array = [" + array + "]");
}
gfg_Run()


Output

Array = [34,24,31,48]
Remaining array = [34,24,31]

Shaida Kate Naidoo
am passionate about learning the latest technologies available to developers in either a Front End or Back End capacity. I enjoy creating applications that are well designed and responsive, in addition to being user friendly. I thrive in fast paced environments. With a diverse educational and work experience background, I excel at collaborating with teams both local and international. A versatile developer with interests in Software Development and Software Engineering. I consider myself to be adaptable and a self motivated learner. I am interested in new programming technologies, and continuous self improvement.
RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments