How to Remove Array Element in Jquery by Value?

By Hardik Savani September 5, 2020 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: How to get unique values from array in Jquery?
["ItSolutionStuff.com", "NiceSnippets.com", "Hackthestuff.com"]

I hope it can help you...

Tags :

We are Recommending you

Popular Posts

Categories

Latest Posts