remove all from array that matches

Removing Matching Elements from an Array in JavaScript

When working with arrays in JavaScript, it is often necessary to remove certain elements from the array. One common scenario is when we need to remove all elements from an array that match a certain condition or value. There are several ways to accomplish this task, depending on the requirements of the specific use case.

Method 1: Using the Filter Method

The filter method is a built-in array method in JavaScript that creates a new array with all elements that pass the test implemented by the provided function. We can use this method to remove all matching elements from an array.

const arr = [1, 2, 3, 4, 5, 6];
const toRemove = 4;

const filteredArr = arr.filter(function(value) {
  return value !== toRemove;
});

console.log(filteredArr); // [1, 2, 3, 5, 6]

In this example, we have an array of numbers and a value that we want to remove from the array. We use the filter method to create a new array that only contains elements that are not equal to the value to remove.

Method 2: Using the Splice Method

The splice method is another built-in array method in JavaScript that changes the contents of an array by removing or replacing existing elements and/or adding new elements at a specific index. We can use this method to remove all matching elements from an array.

const arr = [1, 2, 3, 4, 5, 6];
const toRemove = 4;

for (let i = arr.length - 1; i >= 0; i--) {
  if (arr[i] === toRemove) {
    arr.splice(i, 1);
  }
}

console.log(arr); // [1, 2, 3, 5, 6]

In this example, we loop through the array backwards and use the splice method to remove any elements that match the value to remove.

Method 3: Using the Reduce Method

The reduce method is a built-in array method in JavaScript that applies a function against an accumulator and each element in the array (from left to right) to reduce it to a single value. We can use this method to remove all matching elements from an array.

const arr = [1, 2, 3, 4, 5, 6];
const toRemove = 4;

const reducedArr = arr.reduce(function(acc, value) {
  if (value !== toRemove) {
    acc.push(value);
  }
  return acc;
}, []);

console.log(reducedArr); // [1, 2, 3, 5, 6]

In this example, we use the reduce method to iterate over the array and add only the elements that do not match the value to remove to a new array.

Conclusion

In conclusion, there are several ways to remove all matching elements from an array in JavaScript. The filter method creates a new array with only the elements that pass a given test, the splice method changes the contents of an array by removing or replacing existing elements, and the reduce method applies a function against an accumulator and each element in the array to reduce it to a single value. Choose the method that best fits your use case based on your requirements and preferences.