How to remove all empty array inside an array

Question

I have resultant array like this,

[["apple","banana"],[],[],[],["kiwi"],[],[]]

How can I remove all the empty [] array so that my resultant array would look like this:

[["apple","banana"],["kiwi"]];
var array = [["apple","banana"],[],[],[],["kiwi"],[],[]];// sample array

• Jai: use Array.prototype.filter().
• Akhil Arjun: you can iterate through the parent array and use the splice() function provided in the Array prototype.
• Kraang Prime: Possible duplicate of How can I remove empty object in from an array in JS
• Satpal: var array = [["apple","banana"],[],[],[],["kiwi"],[],[]].filter((x) => { return x.length})
• Kraang Prime: @DilipG - answers do not need to be accepted to be duplicates. Often there are unaccepted solutions that work. In this case, there is a solution that will do what you ask on that page

Answer 1

Use Array.prototype.filter to filter out the empty arrays - see demo below:

var array = [["apple","banana"],[],[],[],["kiwi"],[],[]];// sample array
var result = array.filter(e => e.length);
console.log(result);

In ES5, you can omit the arrow function used above:

var array = [["apple","banana"],[],[],[],["kiwi"],[],[]];// sample array
var result = array.filter(function(e) { 
 return e.length;
});
console.log(result);

• Kraang Prime: Nice solution. I really wish more people coded using this syntax -- would make all that JavaScript debugging go so much easier (and faster page load times)

Answer 2

The ES5 compatible code for @kukuz answer.

var array = [["apple","banana"],[],[],[],["kiwi"],[],[]];// sample array
var result = array.filter(function(x){return x.length});
console.log(result);

• Akhil Arjun: sorry! didn't notice @Jai

Answer 3

Use Array.prototype.filter() to get a new filtered array:

var array = [["apple","banana"],[],[],[],["kiwi"],[],[]];
var newArr = array.filter(function(obj){
 return obj[0] !== undefined;
});
console.log(JSON.stringify(newArr, 0, 0));

Answer 4

Use the following code:

var newArray = array.filter(value => JSON.stringify(value) !== '[]');

• Dietrich: Thank you, works well for empty objects with var newArray = array.filter(value => JSON.stringify(value) !== '{}');

Answer 5

the bottom_line; pass any value that is considered falsey in the filter function and it'll be filtered out

const array = [["apple","banana"],[],[],[],["kiwi"],[],[]];
var result = array.filter(e => e[0]);
console.log(result);