How to Remove a Specific Item from an Array in JavaScript

3 years Ago 2 Min Read 1.1k Views

Answer: Use the splice() Method

You can use the splice() method to remove the item from an array at a specific index in JavaScript. For example, you can remove array elements using  splice(startIndex, deleteCount).

The startIndex parameter specifies the index at which to begin splicing an array. It is mandatory. The deleteCount parameter is the number of elements to be deleted. If it is set to 0, no element will ever be removed. Let’s look at an example to see how it works.

<script>    
    var colors = ["Red", "Green", "Blue", "Yellow", "Orange"];
    var removed = colors.splice(2,1); // Removes the third element
    console.log(colors); // Prints: ["Red", "Green", "Yellow", "Orange"]
    console.log(removed); // Prints: ["Blue"] (one item array)
    console.log(removed.length); // Prints: 1
    
    var persons = ["Alice", "John", "Peter", "Clark", "Harry"];
    removed = persons.splice(2,2); // Removes the third and fourth elements
    console.log(persons); // Prints: ["Alice", "John", "Harry"]
    console.log(removed); // Prints: ["Peter", "Clark"]
    console.log(removed.length); // Prints: 2
    
    var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];
    removed = fruits.splice(2); // Removes all elements starting at index 2
    console.log(fruits); // Prints: ["Apple", "Banana"]
    console.log(removed); // Prints: ["Mango", "Orange", "Papaya"]
    console.log(removed.length); // Prints: 3
</script>

Important to remember that the splice() function modifies the original array it is called upon and returns either a new array with the deleted elements, or an empty array if none were deleted.

You can also remove all elements starting at the beginning and ending of an array if you omit the second argument, which is  deleteCount) , as shown in the example above.