Thomas Desmond Headshot
Thomas Desmond
Sitecore Developer Advocate

Comparing null and undefined in JavaScript

When first learning JavaScript I came across a new value undefined. I was familiar with and understood null because of my .NET background but had never seen undefined. Let's take a deeper look at null and undefined in JavaScript.

null in JavaScript

According to the JavaScript documentation: "The value null represents the intentional absence of any object value" (Docs). null represents that there is no value, and it is important to not miss the intentional aspect.

A value cannot be null unless it has specifically been assigned null. Let's look at some code:

1let temp = null;
3// will result in "null" being printed out

Above, on line 1 we are setting our value to null. null is powerful and something commonly found in code. There is even a null object design pattern.1

undefined in JavaScript

"A variable that has not been assigned a value is of type **undefined**" (Docs). If we declare a variable but do not assign a value to it, its value is undefined.

1let temp;
3// Will result in "undefined" printed out

Since we didn't assign a value to temp on line 1 it is undefined.

"A method or statement also returns undefined if the variable that is being evaluated does not have an assigned value." So we would see undefined if we access a property on an object that does not exist or does not contain a value.

1let person = {};
3// Will print out "undefined" because the name property does not exist on the person object.

We don't need to be scared of undefined it just means the variable has never been assigned or does not exist.

null vs undefined equality gotcha

There is a bit of a gotcha when thinking about equality of null vs undefined. Let's look at examples:

1null === undefined
2// false
4null == undefined
5// true

In the first strict equal (===) case, we get false returned. This is because both null and undefined evaluate to false BUT they are different object types. null is of type object while undefined is simply of type undefined.

That is why the second case of only loosely equal (==) we get true coming back. It's important to realize the distinction that null & undefined are different types.

Having come from a .NET background I had not seen undefined before. With a little research and playing around with code, it all came together. I encourage you to open up your console window now and mess around a little with null and undefined!