JavaScript Remove Object From Array By Value
Last Updated : Mar 11, 2024
IN - JavaScript | Written & Updated By - Pragati
In this tutorial we will show you the solution of JavaScript remove object from array by value, it becomes very important for a programmers to be able to remove an object from the array by value.
The splice() and filter() functions in JavaScript are used to remove an item from an array by value. In this tutorial, we'll look at a few different ways to carry out this process.
Step By Step Guide On JavaScript Remove Object From Array By Value :-
Using JavaScript's splice() function
The splice() function uses the index to add or delete items from an array. To remove an item from an array on the basis of its value, use the indexOf() function to determine the value's index, and then use the splice() method to remove the value from the array based on its index.
For example, using the splice() and indexOf() functions, create an array containing three string values and remove one of them. Please see the code below.
<html>
<head>
<title></title>
</head>
<body>
<script>
var myArray = ['one', 'two', 'three'];
var myIndex = myArray.indexOf('two');
if (myIndex !== -1) {
myArray.splice(myIndex, 1);
}
console.log(myArray)
</script>
</body>
</html>
- We're using an if statement in the preceding code to see if the value is in the array or not. Its index will not be -1 if the value is present; otherwise, it will be -1.
- In the above code indexOf() function returns the index of the specified value, or -1 if the value isn't found in the array. If the value is in the array, we'll use the splice() function to delete one of the values from the myIndex.
- We can also use the splice() function to delete several values from the array by passing it as a second argument. After the item is deleted from the array, the console.log() function will display the new array.
Using JavaScript's filter() function
The filter() function filters values from an array by applying a function defined within the filter() function to each array value.
In our scenario, we'll build a method within the filter() function that returns all the values except the one we wish to remove from the array, and the result will be saved in a new array.
Let's say we make an array with three string values, and then we use the filter() function to make another array with all of the values from the original array except the value we wish to delete.
Our initial array will not be modified as a result of this. Take a look at the code below.
<html>
<head>
<title></title>
</head>
<body>
<script>
var myArray = ['one', 'two', 'three'];
var newArray = myArray.filter(function(f) { return f !== 'two' })
console.log(newArray)
</script>
</body>
</html>
- We removed value two from the array in the preceding code and saved the result in the variable newArray, which will be displayed on the console.
Conclusion :-
Removing objects from an array is a simple process, and we've looked at a variety of methods for doing so.
For data management, removing JavaScript Array items is critical.
Although there is no native 'remove' method, you can utilize a variety of ways and strategies to eliminate undesirable array elements.
I hope this tutorial on JavaScript remove object from array by value helps you.
About Pragati
