Remove empty elements from an array in JavaScript
Last Updated :
09 Jan, 2024
Many times there are empty elements in an array. In this article, we will see the methods to remove empty elements from the array.
Below are the approaches used to Remove empty elements from an array in JavaScript:
This function creates a new array from a given array consisting of those elements from the provided array which satisfy conditions by the argument function.
array.filter( function(cValue, index, arr), tValue );
Example: This example is removing undefined, null, and empty elements from the array.
Javascript
let array = [ "GFG_1" , "GFG_2" , null , "GFG_3" ,
"" , "GFG_4" , undefined, "GFG_5" , , , , , ,
"GFG_6" , , 4, , 5, , 6, , , ,];
console.log( "original array: " + array)
function myGeeks() {
let filtered = array.filter( function (el) {
return el != null ;
});
console.log(filtered);
}
myGeeks()
|
Output
original array: GFG_1,GFG_2,,GFG_3,,GFG_4,,GFG_5,,,,,,GFG_6,,4,,5,,6,,,
[
'GFG_1', 'GFG_2',
'GFG_3', '',
'GFG_4', 'GFG_5',
'GFG_6', 4,
5, 6
]
In this method, we will use reduce() method. Use the reduce method to iterate over the array and check the falsey value and remove it from the array by using the if condition.
Example: In this example we are using array.reduce() method.
Javascript
let array = [ "GFG_1" , "GFG_2" , null , "GFG_3" ,
"" , "GFG_4" , undefined, "GFG_5" ,
, , , , , "GFG_6" , , 4, , 5, , 6, , , ,];
console.log( "original array: " + array)
function myGeeks() {
let filtered = array.reduce((acc, i) => i ? [...acc, i] : acc, []);
console.log( "new array: " + filtered)
}
myGeeks()
|
Output
original array: GFG_1,GFG_2,,GFG_3,,GFG_4,,GFG_5,,,,,,GFG_6,,4,,5,,6,,,
new array: GFG_1,GFG_2,GFG_3,GFG_4,GFG_5,GFG_6,4,5,6
Approach 3: Using for loop
In this method, we will check element exists, and if it exists push it to the new array.
Example: In this example, we are using the above-explained approach.
Javascript
const arr = [ "GFG_1" , "GFG_2" , null , "GFG_3" ,
"" , "GFG_4" , undefined, "GFG_5" , , , , , ,
"GFG_6" , , 4, , 5, , 6, , , ,];
const result = [];
for (let i = 0; i < arr.length; i++) {
if (arr[i]) {
result.push(arr[i]);
}
}
console.log(result);
|
Output
[
'GFG_1', 'GFG_2',
'GFG_3', 'GFG_4',
'GFG_5', 'GFG_6',
4, 5,
6
]
The Javascript arr.flat() method was introduced in ES2019. It is used to flatten an array, to reduce the nesting of an array. The flat() method is heavily used in the functional programming paradigm of JavaScript.
Syntax:
arr.flat([depth])
Example: In this example, we are using JavaScript Array flat() Method
Javascript
let arr = [1, 2, 3, , 4];
let newArr = arr.flat();
console.log(newArr);
|
Share your thoughts in the comments
Please Login to comment...