Skip to main content

How Can I Remove a Specific Item from an Array in JavaScript?

· 2 min read
Pablo Aballe

Question: How can I remove a specific item from an array in JavaScript?

How can I remove a specific item from an array in JavaScript?

Method 1: Using splice() Method

The splice() method is a versatile way to remove an item from an array. It changes the contents of an array by removing or replacing existing elements and/or adding new elements in place.

Here's how you can use it:

let fruits = ["apple", "banana", "orange", "mango"];
let index = fruits.indexOf("banana");

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

console.log(fruits); // ['apple', 'orange', 'mango']

In this example, we first find the index of the item ('banana') we want to remove using indexOf(). Then, we use splice() to remove 1 element at that index. Remember, indexOf() returns -1 if the item is not found, so it’s good to check the index before splicing.

Method 2: Using filter() Method

If you prefer not to modify the original array, filter() is a great alternative. It creates a new array with all elements that pass the test implemented by the provided function.


let fruits = ["apple", "banana", "orange", "mango"];

let filteredFruits = fruits.filter((fruit) => fruit !== "banana");

console.log(filteredFruits); // ['apple', 'orange', 'mango']

Here, filter() creates a new array filteredFruits that contains all fruits except 'banana'. It's a clean and functional approach, especially if you're into immutability or working with frameworks that prefer immutable data patterns (like React).

Personal Tips

  • Choose Wisely: If you need to modify the original array, go with splice(). If you want a new array and keep the original untouched, filter() is your friend.

  • Watch for splice() Quirks: Remember, splice() modifies the array in place, which can be tricky if you're iterating over the same array.

  • Embrace Immutability: If you're working in a context where immutability is key (like in many modern JavaScript frameworks), filter() aligns well with those patterns.


There you have it! You now know how to remove a specific item from an array in JavaScript. I hope you found this post useful and learned something new today.

Happy Coding! 🚀