Remove Empty Elements from an Array in Javascript

When working with arrays in JavaScript, you may encounter situations where you need to remove empty elements from an array. Empty elements can occur due to various reasons, such as uninitialized values or elements that have been explicitly set to empty.

In this blog post, we will explore multiple solutions to remove empty elements from an array in JavaScript.

Solution 1: Using the filter() method

The filter() method creates a new array with all elements that pass a certain condition. We can use this method to filter out empty elements from an array.

const array = [1, 2, '', 3, '', 4, undefined, 5, null];

const filteredArray = array.filter((element) => {
  return element !== '' && element !== undefined && element !== null;
});

console.log(filteredArray);

The above code will output:

[1, 2, 3, 4, 5]

Solution 2: Using the reduce() method

The reduce() method applies a function against an accumulator and each element in the array, reducing it to a single value. We can use this method to remove empty elements from an array.

const array = [1, 2, '', 3, '', 4, undefined, 5, null];

const filteredArray = array.reduce((accumulator, element) => {
  if (element !== '' && element !== undefined && element !== null) {
    accumulator.push(element);
  }
  return accumulator;
}, []);

console.log(filteredArray);

The above code will output the same result as Solution 1:

[1, 2, 3, 4, 5]

Solution 3: Using a for loop

If you prefer a more traditional approach, you can use a for loop to iterate over the array and remove empty elements.

const array = [1, 2, '', 3, '', 4, undefined, 5, null];

for (let i = array.length - 1; i >= 0; i--) {
  if (array[i] === '' || array[i] === undefined || array[i] === null) {
    array.splice(i, 1);
  }
}

console.log(array);

The above code will also output:

[1, 2, 3, 4, 5]

These are three different solutions to remove empty elements from an array in JavaScript. Choose the one that best fits your requirements and coding style.

Remember to always test your code thoroughly to ensure it behaves as expected in all scenarios.