How can I check JavaScript arrays for empty strings?

Question

I need to check if array contains at least one empty elements. If any of the one element is empty then it will return false.

Example:

var my_arr = ne         


        

Answer 1

var containsEmpty = !my_arr.some(function(e){return (!e || 0 === e.length);});

This checks for 0, false, undefined, "" and NaN. It's also a one liner and works for IE 9 and greater.

Answer 2

I don't know if this is the most performant way, but here's a one liner in ES2015+:

// true if not empty strings
// false if there are empty strings
my_arr.filter(x => x).length === my_arr.length

The .filter(x => x) will return all the elements of the array that are not empty nor undefined. You then compare the length of the original array. If they are different, that means that the array contains empty strings.

Answer 3

yourArray.join('').length > 0

Join your array without any space in between and check for its length. If the length, turns out to be greater than zero that means array was not empty. If length is less than or equal to zero, then array was empty.

Answer 4

You can try jQuery.inArray() function:

return jQuery.inArray("", my_arr)

Answer 5

Just do a len(my_arr[i]) == 0; inside a loop to check if string is empty or not.

Answer 6

I see in your comments beneath the question that the code example you give is PHP, so I was wondering if you were actually going for the PHP one? In PHP it would be:

function hasEmpty($array)
{
  foreach($array as $bit)
  {
    if(empty($bit)) return true;
  }

  return false;
}

Otherwise if you actually did need JavaScript, I refer to Nick Craver's answer