<\/span><\/h2>\n\n\n\nEvery JavaScript array supports filter method, that allows you to create a new array from another array, based on elements that satisfy one or more conditions. There are several ways to use filter function to remove empty elements from array.<\/p>\n\n\n\n
Let us say you have the following JS array with empty elements.<\/p>\n\n\n\n
var a = [1, 2, '', null, 3, undefined, 4];<\/pre>\n\n\n\nHere are some of the ways to use filter function to remove empty elements.<\/p>\n\n\n\n
You can define a simple function that returns the given element. In this case, it will return only truth values.<\/p>\n\n\n\n
let a1 = a.filter(function (e) {
return e;
});
console.log(a1); \/\/ output is [1, 2, 3, 4]<\/pre>\n\n\n\nYou can shorten it using arrow function as shown.<\/p>\n\n\n\n
console.log(a.filter(n=>n)); \/\/ output is [1, 2, 3, 4]<\/pre>\n\n\n\nAlternatively, you can also define a filter function that checks if each element of the array is true or false, that is non empty or empty. It will also return an array of non-empty elements.<\/p>\n\n\n\n
console.log(a.filter(Boolean)); \/\/ output is [1, 2, 3, 4]<\/pre>\n\n\n\nYou can also put a condition that checks if the element is a Number or not.<\/p>\n\n\n\n
console.log(a.filter(Number)); \/\/ output is [1, 2, 3, 4]<\/pre>\n\n\n\n