Remove Object from Array using JavaScript

Removing an Object from an Array in JavaScript

So you want to remove an object from an array, huh? No worries, I've got you covered! 🙌

The Problem

Let's say you have an array called someArray which contains objects, and you want to remove an object that includes a specific name. In our case, we want to remove the object with the name "Kristian" from someArray.

someArray = [{name: "Kristian", lines: "2,5,10"},
             {name: "John", lines: "1,19,26,96"}];

And you want the resulting array to be:

someArray = [{name: "John", lines: "1,19,26,96"}];

The Solution

There are multiple ways to achieve this, but I will show you two easy solutions.

Solution 1: Using the Array filter() Method

The filter() method creates a new array with all elements that pass the test implemented by the provided function. In our case, we want to keep all objects in someArray except the one with the name "Kristian".

const updatedArray = someArray.filter(obj => obj.name !== "Kristian");

The filter() method iterates over each object in someArray and checks if the name property is not equal to "Kristian". It creates a new array updatedArray containing only the objects that pass this condition.

Solution 2: Using the Array splice() Method

The splice() method changes the contents of an array by removing or replacing existing elements. In our case, we want to remove the object with the name "Kristian" from someArray.

const index = someArray.findIndex(obj => obj.name === "Kristian");

if (index > -1) {
  someArray.splice(index, 1);
}

The findIndex() method returns the index of the first element in the array that satisfies the provided testing function. In our case, it returns the index of the object with the name "Kristian". We then use the splice() method to remove 1 element starting from that index.

Conclusion

And that's how you remove an object from an array in JavaScript! 🎉 You can choose the solution that suits your needs best: solution 1 using the filter() method for creating a new array, or solution 2 using the splice() method to modify the original array.

Feel free to try out the code examples and let me know if you have any questions or face any issues. Happy coding! 💻

Call-to-Action

If you found this blog post helpful, why not share it with your fellow developers? Spread the knowledge and let's make coding easier for everyone! 😄✨