How to Remove Element from Array in JQuery?

By Hardik Savani July 20, 2023 Category : jQuery

Hi Dev,

Today, in this example, we will learn how to delete array element by value in jquery. we can easily remove array element by value in jquery. we will see two example of jquery remove value from array by value.

If you may require to removing array element by value then you are a right place. i will give you two way to delete array element by value in jquery. first we will use splice() and inArray() for remove key value by value. Another example will be using grep().

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

Example 1:

<!DOCTYPE html>
<html>
<head>
   <title>How to Remove Array Element in Jquery by Value? - 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.splice($.inArray('HDTuto.com', sites),1);
  
    console.log(sites);
  
</script>
  
</body>
</html>

Output:

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

Example 2:

<!DOCTYPE html>
<html>
<head>
   <title>How to Remove Array Element in Jquery by Value? - 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" ];
    var removeItem = "HDTuto.com";
    
    var sitesNew = $.grep(sites, function(value) {
      return value != removeItem;
    });
  
    console.log(sitesNew);
  
</script>
  
</body>
</html>

Output:

Read Also: Laravel JQuery Ajax Loading Spinner Example
["ItSolutionStuff.com", "NiceSnippets.com", "Hackthestuff.com"]

I hope it can help you...

Tags :
Previous

How to Create Reusable Components in Angular 10/9/8?
Next

JQuery Remove Multiple Values from Array Example

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares