Shift() vs pop() Method in JavaScript

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. 

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

<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: