javascript array remove empty strings

Removing Empty Strings from an Array in JavaScript

If you want to remove empty strings from an array in JavaScript, there are several ways to do it.

Method 1: Using filter() method

The easiest way to remove empty strings from an array in JavaScript is to use the filter() method. The filter() method creates a new array with all elements that pass the test implemented by the provided function.

const arr = ["hello", "", "world", "", ""];

const filteredArr = arr.filter((element) => element !== "");

console.log(filteredArr); // Output: ["hello", "world"]

In the above example, we first create an array with some strings, including empty strings. Then we use the filter() method to create a new array with only those elements that are not empty strings.

Method 2: Using splice() method

You can also use the splice() method to remove empty strings from an array in JavaScript. The splice() method changes the content of an array by removing or replacing existing elements and/or adding new elements.

const arr = ["hello", "", "world", "", ""];

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

console.log(arr); // Output: ["hello", "world"]

In the above example, we loop through the array and check if each element is an empty string. If we find an empty string, we use the splice() method to remove it from the array. We also decrement the loop counter (i--) to prevent skipping the next element.