Javascript Push Pop values in Stack 

By: Prof. Fazal Rehman Shamil

Javascript Push Pop values and Implementation of Stack

For example, we need to add 5 elements in the stack.

Push Pop Stack  in Javascript
Figure: Push Pop Stack in Javascript

Now if we want to get the 5th element, there is no way to get 5th element directly because stack works like first in last out. So we have to pop all the elements first and then we can get the element we need.

The pop function will delete the topmost element and we cannot use this element. If we want to use the elements then we will call the function last-inserted-Element to use the element and then call a pop function to delete this element and get the next element by calling last-inserted-element function and so on.

Implementatin of Stack in Javascript
Figure: Implementation of Stack in Javascript

Pseudo Code of Push Pop values in Stack

Make a function with name Stack Implementation ( )

In this function take variable with name stack Items which will be null array

Make method this .push Element = function (element)


stack Items .call push function to insert item in stack


Make method this. Pope element = function ( )


stack Items. call pop function to delete top most element in stack

} ;

Make method  this .last _inserted_ Element ( )


return stack  Items-1

}  ;

Make method   this .size_ of _Element = function ( )


return the size of the stack

}  ;

Make method this .clear _Element = function ( )


Return stack Items. Length

}  ;

Make method this .print Element = function ()


get the div by document .get Element By Id and set inner HTML  =  stack Items .to String ( ) ;

Make object of Stack Implement

Make functions push element, pop element, clear element, peek Element

In html make a text box and four buttons push, pop, clear, and peek

Call functions on these buttons respectively.

Explanation: In stack, objects are inserted and removed accordingly the first element added to the stack is accessed at last means that stack follows first in last out principle (LIFO). There are two main methods that are push and pop. Push is used to add elements to the stack and pop is used to delete elements. And another function peek is used to get the top element of the stack to use it. Moreover, a clear function is used to clear the stack elements.


Undo and redo functions we use in most of the application are based on the stack like Photoshop. All the changes are kept in the stack. Stack has different implementations like array based and linked list. Linked list based stack provide the best efficiency. The stack is also implemented in backtracking and graph algorithms like Topological Sorting

Advantage of the stack is that memory is not saved in pointers.

The disadvantage of the stack is that it is not dynamic.

JavaScript Code for Push Pop values in Implementation of Stack


Prof. Fazal Rehman Shamil