Understanding Data Types in JavaScript

Hello, Space Explorer! Today, we're going to delve into JavaScript data types. Think of data types as different celestial objects in our universe, each with its unique properties and uses. We'll explore five core JavaScript data types — Number, String, Boolean, null, and undefined.

In JavaScript, data types are categorized based on their characteristics. Understanding this is like realizing the Earth is a planet, not a star or asteroid. This knowledge helps us predict behaviors in different situations.

Diving into the Numerical Data Type

First, we're going to discover numerical values through the Number data type, which stores numbers such as 10 (integer numbers) or -2.19 (floating point numbers, i.e., numbers with a decimal point). Let's visualize it:

Upon running this code, you'll see 8 and 3.52 printed — the values of our declared numPlanets and planetWeight variables.

Exploring the String Data Type

Next, we'll traverse the textual space with String, which represents any text data. Let's create planetName and assign it "Earth".

Seeing "Earth" printed to the console illustrates how the String variable planetName works!

Discovering the Boolean Data Type

In JavaScript's universe, the Boolean data type is like binary stars, manifesting as either true (correct, valid) or false (not correct, not valid). They're often used in programming to make decisions. Let's see it in action:

When you run this code, true and false are printed, which indicates that earthIsAPlanet is true and appleIsAPlanet is false.

Null Data: Something or Nothing?

null in JavaScript represents a lack of value for a particular variable. Let's exemplify this:

When you run this code, null is printed, showcasing spaceOutsideUniverse as having no value — null.

Undefined: What Does It Mean?

undefined, a designation for a variable that is declared but not assigned a value, is akin to spotting a planet about which we know nothing.

When you run this code, undefined is printed, reflecting that newPlanet has been declared but not assigned.

Null vs Undefined: A Quick Comparison

In JavaScript, both null and undefined represent a lack of value, but their usage differs. The value null is assigned to a variable to intentionally indicate an absence of meaningful value. On the other hand, undefined is automatically assigned to a variable that has been declared but hasn't been given a value. Its presence generally implies that a value is yet to be assigned.

Here's a simple illustration:

The console outputs demonstrate that intentionalLack is purposely empty, while unintentionalLack is waiting to be assigned a value.

Getting a type of the variable

To get a type of variable, you can use the typeof operator. Here is an example:

Lesson Summary and the Next Steps

Great job! We've journeyed through JavaScript data types: Number, String, Boolean, null, and undefined. Now, let's progress toward practice exercises to solidify this knowledge. As you learn more with each exercise, you'll gain a deeper understanding of JavaScript data types. Remember, practice is key! Let's continue to explore!

Sign up
Join the 1M+ learners on CodeSignal
Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal