How to Remove Array Element in Jquery by Value?

By Hardik Savani | December 31, 2019 | 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:

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

I hope it can help you...




Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.

We are Recommending you: