---
title: "How to remove the matching element of the array in JavaScript?"  
description: "How to remove the matching element of the array in JavaScript?"  
author: "Revati S Misra"  
published: 2023-04-27  
updated: 2023-11-20  
canonical: https://www.mindstick.com/forum/158053/how-to-remove-the-matching-element-of-the-array-in-javascript  
category: "javascript"  
tags: ["javascript", "array", "array list"]  
reading_time: 2 minutes  

---

# How to remove the matching element of the array in JavaScript?

How to [remove](https://yourviews.mindstick.com/story/4554/8-harmful-weeds-to-remove-from-garden) the matching element of the [array](https://www.mindstick.com/articles/335/jagged-array-in-c-sharp-dot-net) in [JavaScript](https://www.mindstick.com/articles/874/how-to-create-watermark-text-for-textbox-by-using-javascript)?

## Replies

### Reply by Aryan Kumar

In JavaScript, you can remove a matching element from an array using various methods. Here are a few common approaches:

### 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.

```plaintext
let array = [1, 2, 3, 4, 5];
let elementToRemove = 3;

let index = array.indexOf(elementToRemove);

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.

```plaintext
let array = [1, 2, 3, 4, 5];
let elementToRemove = 3;

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

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

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

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

```plaintext
let array = [1, 2, 3, 4, 5];
let elementToRemove = 3;

let index = array.indexOf(elementToRemove);

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 element.

```plaintext
let array = [1, 2, 3, 4, 5];
let elementToRemove = 3;

let index = array.indexOf(elementToRemove);

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

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

Choose the method that fits your needs 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.


---

Original Source: https://www.mindstick.com/forum/158053/how-to-remove-the-matching-element-of-the-array-in-javascript

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.