How to remove multiple objects from array of objects using JavaScript

Today I'm going to show you how to remove multiple objects from an array of objects using JavaScript. This is a great way to quickly and easily clean up your data set, so let's get started!

Remove multiple objects from array of objects in JavaScript #

First off, you'll need an array of objects that contains the items that you want to remove. Once you have the array ready, it's time for the next step: actually removing them from the list.

To do this we will be using two different methods - filter() and splice(). The filter() method allows us to loop through our entire object list and return only those values which meet certain criteria. We then take those returned values and pass them into splice() method, which removes them from our original object list permanently. Here’s what it looks like in code.

<script>
 const myArray = [{name:"Dipak", age:20}, {name:"Santosh", age:30}, {name:"Kajal", age:40}];
 const newArray = myArray.filter(item => item.age <= 30);  

 console.log('New array', newArray);
 
 myArray.splice(0, newArray.length);    
 console.log('Filtered array', myArray);
</script>