JavaScript Array push() Method

Shift() vs pop() Method in JavaScript

Last Updated : 10 Jan, 2023

JavaScript shift() and pop() methods are used to remove an element from an array. But there is a little difference between them. The shift() method removes the first element and whereas the pop() method removes the last element from an array.

Javascript Array shift() method: The JavaScript Array shift() Method removes the first element of the array thus reducing the size of the original array by 1.

Syntax:

arr.shift()

Example: Below is an example of the array shift() method.

Javascript

<script> 
    function func() {  
          
        // Original array  
        var array = ["GFG", "Geeks", "for", "Geeks"];  
      
        // Checking for condition in array  
        var value = array.shift();  
      
        console.log(value);  
        console.log(array);  
    }  
      
    func();  
</script>

Output:

GFG
Geeks, for, Geeks

Javascript Array pop() method: The JavaScript Array pop() Method is used to remove the last element of the array and also returns the removed element. This function decreases the length of the array.

Syntax:

arr.pop()

Example: Below is the example of the array pop() method.

Javascript

<script> 
    function func() {  
        var arr = ['GFG', 'gfg', 'g4g', 'GeeksforGeeks'];  
      
        // Popping the last element from the array  
        console.log(arr.pop()); 
    }  
    func();  
</script>

Output:

GeeksforGeeks

Difference Table:

Javascript Array shift() method	Javascript Array pop() method
This method removes the first element from the array.	This method removes the last element from the array.
This method shifts the indexes of the elements by -1.	This method removes the last index of the array.

JavaScript Array push() Method

M

manaschhabra2

Improve

Article Tags :

Similar Reads

JavaScript Array shift() Method

The shift() method in JavaScript is used to remove the first element of an array, reducing the array's length by one. This method is particularly useful for scenarios where elements need to be processed in the order they were added, such as in queue-like structures. Syntax:arr.shift();Parameters: Th

JavaScript Array unshift() Method

JavaScript Array unshift() Method is used to add one or more elements to the beginning of the given array. This function increases the length of the existing array by the number of elements added to the array. Syntax:array.unshift(element1, element2, ..., elementX);Parameters:element: This parameter

JavaScript Array pop() Method

The pop() method removes (pops) the last element of an array. The pop() method changes the original array. It reduces the array's length by one and returns the removed element. Syntax:arr.pop();This method does not accept any parameter.Return value:This method returns the removed element array. If t

JavaScript Array push() Method

The push() method in JavaScript adds one or more elements to the end of an array and returns the new length of the array. It modifies the original array, increasing its length by the number of elements added. Syntax arr.push(element0, element1, â€¦ , elementN);Parameters This method contains as many n

Map() vs Filter() Methods in JavaScript

In JavaScript, the map() and filter() methods are powerful array functions that allow you to transform and filter arrays easily. We will discuss the required concepts about each method in this article. What is map() in JavaScript?The map() method creates a new array by applying a given function to e

Map vs Object in JavaScript

In JavaScript, both Map and Object store key-value pairs. Maps offer better performance for frequent additions or deletions. For read heavy operations where strings are keys, Objects provide better performance. Object allows only Strings and Symbols as keys, but Map maintains key order and allows an

JavaScript Map set() Method

The JavaScript map.set() method is used to add key-value pairs to a Map object. It can also be used to update the value of an existing key. Each value must have a unique key so that they get mapped correctly. Syntax:GFGmap.set(key, value);Parameters:This method accepts two parameters as mentioned ab

Alternatives of push() method in JavaScript

The task is to perform a push operation without using the push() method with the help of JavaScript. There are two approaches that are discussed below. Approach 1: Use the length property to insert the element at the end of the array. Example: This example implements the above approach. C/C++ Code

Left Shift (<<) Bitwise Operator in JavaScript

JavaScript Left Shift Operator is used to operate on the two operands. The first operand is the number and the right operand specifies the number of bits to shift to the left. The operation is represented by the "<<" symbol. Mainly the left shift operator is used to multiply the number by any

JavaScript Set forEach() Method

The set.forEach() method is used to execute the function which is taken as a parameter and applied for each value in the set, in insertion order. Syntax:forEach(function(value, key, set) { /* ... */ }, thisArg)Parameters:Callback function: The function will be executed for each value and it takes th