JavaScript Array Shift(), Unshift(), Push() and Pop() Methods

JavaScript Array Shift(), Unshift(), Push() and Pop() Methods

In this tutorial, you will learn javascript array methods, which are used to remove or add the last or end or first or beginning elements from the javascript array.

When we work with JavaScript arrays. Sometimes we need to add or remove elements from the end and beginning of a JavaScript array. So don’t worry, there are four amazing ways in JavaScript to remove or add the beginning or starting elements of JavaScript.

There are four inbuilt methods in JavaScript to remove or add the last and first elements from the array are:-

In this tutorial, we will show you four methods with its definition, syntax, parameters with examples to add element or item first or beginning and last or ending of an array javascript.

1: unshift() Method JavaScript

You can use the javascript unshift() method to add elements or items first or beginning array in javascript.

Definition:- The javaScript unshift() method adds new items to the first or beginning of an array. and it will return the new length of array.

Syntax of unshift() method is

 array.unshift(element1, element2, ..., elementX)

Parameter with description

ParameterDescription
element1, element2, …, elementX Ii is required. The element(s) to add to the beginning of the array

Example – add element start or beginning of an array javascript

Consider, we have an array that’s the name arrNum, and it contains four elements inside it, see below:

var arrNum = [
   "one",
   "two",
   "three",
   "four"
 ];

If you want to add element start or beginning of an arrNum array. So you can use the unshift() method of javaScript like below:

var arrNum = [
   "one",
   "two",
   "three",
   "four"
 ];

 arrNum.unshift("zero");

 console.log( arrNum );

The result of the above example is:

["zero", "one", "two", "three", "four"]

2: shift() Method JavaScript

You can use the javascript shift to remove the first or beginning element of an array javascript.

Definition:- The JavaScript shift () method, which is used to remove the first or beginning element of the array javascript.

Syntax of the shift() method is

 array.shift()

Note:- No parameter is required

Example – javascript remove the element to first or beginning of an array

Consider, we have an array that’s the name arr, and it contains ten elements inside it, see below:

 var arr = [ 
     "one", 
     "two", 
     "three", 
     "four", 
     "five",
     "six", 
     "seven", 
     "eight", 
     "nine", 
     "ten" 
 ]; 

If you want to remove element start or beginning of an arr array. So you can use the unshift() method of javaScript like below:

 var arr = [ 
     "one", 
     "two", 
     "three", 
     "four", 
     "five",
     "six", 
     "seven", 
     "eight", 
     "nine", 
     "ten" 
 ]; 

 arr.shift();

 console.log( arr );

Result of the above example

 ["two", "three", "four", "five", "six", "seven", "eight", "nine", "ten"]
 

3: push() Method JavaScript

You can use the javascript push() method to add the elements or items from the last or end of an array.

Definition: – The javaScript push() method is used to add a new element to the last or end of an array.

Syntax of push() method is

 array.push( element1, element2, ..., elementX )

Parameter with description

ParameterDescription
element1, element2, …, elementX Ii is required. The element(s) to add to the array

Example – javascript add the element to last or end of an array

Consider, we have an array that’s the name arrNum, and it contains four elements inside it, see below:

var arrNum = [
   "one",
   "two",
   "three",
   "four"
 ];

If you want to add the single item into the arryNum array. So you can use the push() method of javaScript like below:

var arrNum = [
   "one",
   "two",
   "three",
   "four"
 ];

 arrNum.push("five");

 console.log( arrNum );

The result of the above example is:

["one", "two", "three", "four", "five"]

If you want to see more example of javascript push() method, you can click and see here

4: pop() Method JavaScript

You can use the javascript pop() method to remove the elements or items from the last or end of an array.

Definition: – The javaScript pop method removes the last or end element of an array, returns a new element. This method changes the length of the array.

Syntax of the pop method is

 array.pop()

Note:- No parameter is required.

Example – javascript remove the element to last or end of an array

Consider, we have an array that’s the name arr, and it contains ten elements inside it, see below:

 var arr = [ 
     "one", 
     "two", 
     "three", 
     "four", 
     "five",
     "six", 
     "seven", 
     "eight", 
     "nine", 
     "ten" 
 ]; 

If you want to remove element last or end of an arr array. So you can use the pop() method of javaScript like below:

 var arr = [ 
      "one", 
      "two", 
      "three", 
      "four", 
      "five",
      "six", 
      "seven", 
      "eight", 
      "nine", 
      "ten" 
  ]; 

 arr.pop();

 console.log( arr );


Result of the above example

["one", "two", "three", "four", "five", "six", "seven", "eight", "nine"]
 

Recommended Javascript Tutorial

  1. JavaScript Array splice() Method By Example
  2. Sorting Using JavaScript Array Sort() Method
  3. JavaScript: Clone an Array & Object By Examples
  4. JavaScript: Convert String to Array JavaScript
  5. Remove First, last and specific Element From Array Javascript
  6. javaScript Push Array, Items Into Array Example
  7. JavaScript Check the Object | isArray() Function
  8. javaScript Methods: Remove Element from Array javaScript
  9. Convert Array to Comma Separated String javaScript
  10. Javascript – Remove Duplicates from Array

Leave a Reply

Your email address will not be published. Required fields are marked *