How to Remove Array Element in Jquery by Value?

Admin   Jquery   34  2020-08-12 09:55:24

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? - </title>

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

</head>

<body>

<script type="text/javascript">

var sites = [ "", "HDTuto.com", "NiceSnippets.com", "Hackthestuff.com" ];

sites.splice($.inArray('HDTuto.com', sites),1);

console.log(sites);

</script>

</body>

</html>

Output:

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

Example 2:

<!DOCTYPE html>

<html>

<head>

<title>How to Remove Array Element in Jquery by Value? - </title>

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

</head>

<body>

<script type="text/javascript">

var sites = [ "", "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:

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

I hope it can help you...