Arrays are widely used to store and manipulate collections of data. Sometimes we may need to search for a specific string within an array and remove it.

This operation can be useful in various cases, such as filtering out unwanted items, managing user inputs, or processing data from an external source. In this article, we'll explore different approaches to searching for and removing a string from an array in JavaScript.

Below are several methods to search and remove a string from an array in Javascript:

1. Using indexOf() and splice()

In this approach, we will use indexOf() and splice() methods. Here the indexOf() method searches the array for the string and returns its index and then we use splice() to remove the item at that index.

Example: In the below example, we are using indexOf() and splice() methods to search and remove strings from the array.

// Initial array
let fruits = ["apple", "banana", "orange", "mango"];

// searching and removing
const index = fruits.indexOf("banana");
if (index !== -1) {
    fruits.splice(index, 1);
}

// Output after removing string
console.log(fruits);

// Initial array

let fruits = ["apple", "banana", "orange", "mango"];

​

// searching and removing

const index = fruits.indexOf("banana");

if (index !== -1) {

    fruits.splice(index, 1);

}

​

// Output after removing string

console.log(fruits);

[ 'apple', 'orange', 'mango' ]

2. Using filter()

In this approach we are using the filter() method. This method creates a new array with all elements that pass a test implemented by the provided function. This method doesn’t modify the original array but returns a new array that excludes the specified element.

Example: In this example we are using filter() method to search and remove string from array in javascript.

let array = ["red", "blue", "green", "yellow"];

let filteredarray = array.filter(color => color !== "blue");

console.log(filteredarray);

let array = ["red", "blue", "green", "yellow"];

​

let filteredarray = array.filter(color => color !== "blue");

​

console.log(filteredarray);

[ 'red', 'green', 'yellow' ]

3. Using reduce()

In this approach we will use reduce() method to create a new array that excludes a specified string. Here we iterate over the original array and we'll add elements to the accumulator only if they don't match the string we want to remove.

Example: In this example we are using reduce() method to search and remove string from array in javascript.

let states = ["Maharashtra", "Karnataka",
   "Tamil Nadu", "Gujarat", "Rajasthan"];

let filteredStates = states.reduce((acc, state) => {
    if (state !== "Gujarat") {
        acc.push(state);
    }
    return acc;
}, []);

console.log(filteredStates);

let states = ["Maharashtra", "Karnataka",

   "Tamil Nadu", "Gujarat", "Rajasthan"];

​

let filteredStates = states.reduce((acc, state) => {

    if (state !== "Gujarat") {

        acc.push(state);

    }

    return acc;

}, []);

​

console.log(filteredStates);

[ 'Maharashtra', 'Karnataka', 'Tamil Nadu', 'Rajasthan' ]