Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / how to remove the matching element of the array in javascript?
Ask Question
Revati S Misra
Revati S Misra

Student

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.

Message

1 Answers

Aryan Kumar
Aryan Kumar 20 Nov 2023
Report Abuse

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.

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.

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.

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.

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.

advertising