How do I remove a particular element from an array in JavaScript

In JavaScript, removing a particular element from an array refers to the process of deleting or filtering out a specific element so that it no longer exists within that array.

Arrays are the most commonly used data structures in JavaScript, allowing developers to store and manipulate collections of items.

There are several methods to remove elements from arrays, each with different behaviors and use cases.

Method 1: Using splice() Method

The splice() method modifies the original array by removing elements at a specified index.

Syntax

array.splice(index, deleteCount[, element1[, element2[, ...]]])

Parameters

• index ? The index at which to start changing the array.
• deleteCount ? The number of elements to remove.
• element1, ..., elementN (optional) ? The elements to add to the array.

Example

let array = [1, 2, 3, 4, 5];
let index = 2; // Remove element at index 2 (value 3)

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

console.log(array);

[ 1, 2, 4, 5 ]

Method 2: Using filter() Method

The filter() method creates a new array with elements that pass a test condition, effectively removing unwanted elements.

Example

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

let filteredArray = array.filter(item => item !== valueToRemove);

console.log(filteredArray);
console.log("Original array:", array); // Original remains unchanged

[ 1, 2, 4, 5 ]
Original array: [ 1, 2, 3, 4, 5 ]

Method 3: Using slice() Method

The slice() method can be combined with indexOf() and concat() to remove elements without modifying the original array.

Example

let array = [1, 2, 3, 4, 5];
let valueToRemove = 3;
let index = array.indexOf(valueToRemove);

let newArray = array.slice(0, index).concat(array.slice(index + 1));

console.log(newArray);
console.log("Original array:", array); // Original remains unchanged

[ 1, 2, 4, 5 ]
Original array: [ 1, 2, 3, 4, 5 ]

Comparison of Methods

Conclusion

Use splice() to modify arrays in-place, filter() for condition-based removal, and slice() with concat() for immutable operations. Choose based on whether you need to preserve the original array.