Basic Data Structure Part2: Learn to add an elements using push ( ) and unshift( ) . Remove elements using pop and shift methods in JavaScript.

Basic Data Structure Part2: Learn to add an elements using push ( ) and unshift( ) . Remove elements using pop and shift methods in JavaScript.

SURYA L's photo
SURYA L
·Jul 8, 2022·

3 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

Hello everyone hope you are all doing well, My name is Surya L.

I have divided the Basic Data Structure topics in many parts to teach you Data Structure in detail.

In this blog we will Learn to add an elements using push ( ) and unshift( ) . Remove elements using pop and shift methods in JavaScript.

What is an Array?

In computing, the term array refers to a collection of items stored on contiguous memory locations. The idea is to store multiple items of the same type together. An array's index starts at 0 and is called Zero indexing.

Adding an element in array using push and unshift method:

  • In JavaScript we can insert or data using push ( ) and unshift( ).
  • push ( ) method inserts an element or data at last index or end of an array.
  • unshift( ) method is also used to insert an element but unlike push ( ) method which inserts the element at the end of the array , unshift inserts the element at the starting location in an array.

Example of Adding elements using push( ) method.

  • Program

    let fruits=["Apple","Kiwi","Pineapple"];
    console.log("Before Adding: "+fruits);
    fruits.push("Mango");
    console.log("After Adding: "+fruits);
    
  • Output:

    Before Adding: Apple,Kiwi,Pineapple
    After Adding: Apple,Kiwi,Pineapple,Mango
    //As you can see, the new element Mango inserted at last in the array.
    

Example of Adding elements using unshift( ) method.

  • Program

    let fruits=["Apple","Kiwi","Pineapple"];
    console.log("Before Adding: "+fruits);
    fruits.unshift("Mango");
    console.log("After Adding: "+fruits);
    
  • Output

    Before Adding: Apple,Kiwi,Pineapple
    After Adding: Mango,Apple,Kiwi,Pineapple
    //When using unshift() method the new element Mango inserted at First.
    

Removing an element in array using pop and shift method:

  • In JavaScript we can remove element or data using pop( ) and shift( ) Method.
  • pop( ) method removes an element or data at last index or end of an array.
  • shift( ) method is also used to remove an element but unlike pop( ) method which removes the element at the end of the array , shift removes the element at the starting location in an array.

Example of Removing elements using pop( ) method.

  • Program

    let fruits=["Apple","Kiwi","Pineapple","Mango","Banana","Strawberry"];
    console.log("Before Removing: "+fruits);
    fruits.pop();
    console.log("After Removing: "+fruits);
    
  • Output

    Before Removing: Apple,Kiwi,Pineapple,Mango,Banana,Strawberry
    After Removing: Apple,Kiwi,Pineapple,Mango,Banana
    //As you can see the output 
    //fruits.pop removed Strawberry which is last element in Array
    

Example of Removing elements using shift( ) method.

  • Program

    let fruits=["Apple","Kiwi","Pineapple","Mango","Banana","Strawberry"];
    console.log("Before Removing: "+fruits);
    fruits.shift();
    console.log("After Removing: "+fruits);
    
  • Output

    Before Removing: Apple,Kiwi,Pineapple,Mango,Banana,Strawberry
    After Removing: Kiwi,Pineapple,Mango,Banana,Strawberry
    //As you can see the output 
    //fruits.shift() removed Apple which is first element in Array
    

    Conclusion:

  • In JavaScript we can insert or data using push ( ) and unshift( ).We can remove element or data using pop( ) and shift( ) Method.
  • push ( ) method inserts an element or data at last index or end of an array.
  • unshift( ) method is also used to insert an element but unlike push ( ) method which inserts the element at the end of the array , unshift inserts the element at the starting location in an array.
  • pop( ) method removes an element or data at last index or end of an array.
  • shift( ) method is also used to remove an element but unlike pop( ) method which removes the element at the end of the array , shift removes the element at the starting location in an array.

Thanks for reading the blog. Do let me know what you think about it.

You can find me at Showwcase, Linkedin , Twitter , GitHub , Email .

Did you find this article valuable?

Support SURYA L by becoming a sponsor. Any amount is appreciated!

See recent sponsors Learn more about Hashnode Sponsors
 
Share this