How to Remove First Element from Array in JQuery?

By Hardik Savani January 26, 2022 Category : jQuery

Hi Dev,

Today our leading topic is jquery array remove first element. step by step explain how to remove first element from array in jquery. you can understand a concept of remove first element from array jquery. We will use jquery array remove first element.

you can see both example of how to remove first key in jquery array.

let's see example

You can see both example with output so, you can understand, how it works.

Example 1: Remove First Element from Array

<!DOCTYPE html>
<html>
<head>
   <title>How to Remove First Element from Jquery Array? - ItSolutionStuff.com</title>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
  
<script type="text/javascript">
   
    var sites = [ "ItSolutionStuff.com", "HDTuto.com", "NiceSnippets.com", "Hackthestuff.com" ];
  
    sites.shift();
  
    console.log(sites);
  
</script>
  
</body>
</html>

Output:

["HDTuto.com", "NiceSnippets.com", "Hackthestuff.com"]

Example 2: Remove Last Element from Jquery Array

<!DOCTYPE html>
<html>
<head>
   <title>How to Remove Last Element in Jquery Array? - ItSolutionStuff.com</title>
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
</head>
<body>
  
<script type="text/javascript">
  
    var sites = [ "ItSolutionStuff.com", "HDTuto.com", "NiceSnippets.com", "Hackthestuff.com" ];
  
    sites.pop();
  
    console.log(sites);
  
</script>
  
</body>
</html>

Output:

Read Also: How to Check Atleast One Checkbox is Checked or Not in JQuery?
["ItSolutionStuff.com", "HDTuto.com", "NiceSnippets.com"]

I hope it can help you...

Tags :
Previous

Laravel Collection Get Unique Values Example
Next

How to Remove Last Element from Array in JQuery?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares