forum

Home / DeveloperSection / Forums / How can I remove a specific item from an array in JavaScript?

Ask Question
Revati S Misra

Revati S Misra

Follow
Skilled in SEO, content writing, and digital marketing. Completed several years of working in many organizations including multinational companies. I love to learn new things in life that keep me motivated.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

20-Nov-2023

To remove a specific item from an array in JavaScript, you have several options. Here are a few common methods:

1. Using splice():

The splice() method changes the contents of an array by removing or replacing existing elements and/or adding new elements in place.

let array = [1, 2, 3, 4, 5];
let itemToRemove = 3;

let index = array.indexOf(itemToRemove);

if (index !== -1) {
    array.splice(index, 1);
}

console.log(array);  // Outputs: [1, 2, 4, 5]

2. Using filter():

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

let array = [1, 2, 3, 4, 5];
let itemToRemove = 3;

let newArray = array.filter(item => item !== itemToRemove);

console.log(newArray);  // Outputs: [1, 2, 4, 5]

3. Using indexOf() and splice() combined:

This is a concise way to remove an item if it exists in the array.

let array = [1, 2, 3, 4, 5];
let itemToRemove = 3;

let index = array.indexOf(itemToRemove);

if (index !== -1) {
    array.splice(index, 1);
}

console.log(array);  // Outputs: [1, 2, 4, 5]

4. Using indexOf() and spread operator:

This method creates a new array by spreading the elements before and after the matching item.

let array = [1, 2, 3, 4, 5];
let itemToRemove = 3;

let index = array.indexOf(itemToRemove);

if (index !== -1) {
    array = [...array.slice(0, index), ...array.slice(index + 1)];
}

console.log(array);  // Outputs: [1, 2, 4, 5]

Choose the method that best fits your use case and coding style. The filter() method is often preferred for creating a new array without modifying the original one, while splice() is useful when you want to modify the existing array in place.

Liked By