Check undefined, null, empty or blank variable in JavaScript

There are already many answers exist to check for undefined, null, empty or blank variable in JavaScript and jQuery still sometimes they mislead if not understood well. So this article is a straightforward manner to determine if a variable is undefined or has null/empty value or whatsoever.

Check undefined, null, empty or blank variable in JavaScript

While working with jQuery or JavaScript, if you don’t know whether a variable exists (that means, if it was declared) you should check with the  typeof  operator. For instance

if( typeof myVar !== 'undefined' ) {
    // myVar could get resolved and it's defined
}

If you are already sure or can make sure as shown in code above, that a variable is declared at least (no matter if it has a value or not), you should directly check if it has a truthy value using the code written below:

if( myVar ) {
    // myVar has truthy value
}

This will evaluate to true  if myVar's value  is not:

  • null
  • empty string (“”)
  • undefined
  • NaN
  • false
  • 0

The above list represents all possible falsy values in ECMA-/Javascript.

Also don’t try to assign a variable as parameter to a function with falsey value else the JavaScript will throw only exception as code written below:

var abc = document.getElementById('elem_exists'),
    xyz = document.getElementById('elem_not_exists');

function elemHandle(element) {
    // Some code to perform with element
}

elemHandle(abc);               // works
elemHandle(xyz);               // ERROR!
if(xyz) { elemHandle(xyz); }   // works

Hope it’s kinda clear and you can clearly and easily check & determine for undefined, null, empty or blank variable in JavaScript using the ways stated in the article.

You Might Interested In

Leave a Reply

Enclose a code block like: <pre><code>Your Code Snippet</code></pre>.