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

you can iterate through the parent array and use the splice() function provided in the Array prototype. — Akhil Arjun
– Akhil Arjun, Commented Jan 5, 2017 at 7:20
Possible duplicate of How can I remove empty object in from an array in JS — Kraang Prime
– Kraang Prime, Commented Jan 5, 2017 at 7:21
var array = [["apple","banana"],[],[],[],["kiwi"],[],[]].filter((x) => { return x.length}) — Satpal
– Satpal, Commented Jan 5, 2017 at 7:21
@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 — Kraang Prime
– Kraang Prime, Commented Jan 5, 2017 at 7:24

kukkuz · Accepted Answer · 2017-01-05 07:26:45Z

17

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);

edited Jan 5, 2017 at 7:26

answered Jan 5, 2017 at 7:22

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kraang Prime Over a year ago

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)

Akhil Arjun · Accepted Answer · 2017-01-05 07:27:10Z

5

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);

answered Jan 5, 2017 at 7:27

Akhil Arjun

1,1277 silver badges12 bronze badges

1 Comment

Akhil Arjun Over a year ago

sorry! didn't notice @Jai

Jai · Accepted Answer · 2017-01-05 07:24:02Z

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));

answered Jan 5, 2017 at 7:24

Jai

74.8k12 gold badges76 silver badges104 bronze badges

Comments

Dude · Accepted Answer · 2019-08-16 17:46:13Z

3

Use the following code:

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

answered Aug 16, 2019 at 17:46

Dude

3393 silver badges6 bronze badges

1 Comment

Dietrich Over a year ago

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

k.tten · Accepted Answer · 2022-10-04 20:21:57Z

1

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);

edited Oct 4, 2022 at 20:21

k.tten

26.8k4 gold badges34 silver badges63 bronze badges

answered Sep 30, 2022 at 0:48

Aristoo

111 silver badge3 bronze badges

Collectives™ on Stack Overflow

How to remove all empty array inside an array

5 Answers 5

1 Comment

1 Comment

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related