Booleans & Truthy vs. Falsy Values

Variables: const, let & var (The Box Metaphor)

Learn how variables act as labeled containers for data using const, let, and var to manage lexical scope and reassignment safely in modern applications.

1. True or False?

A boolean represents a logical state with only two possible values: true or false. Booleans are the engine behind conditional branching in software.

2. Why It Matters

When non-boolean values (like strings, numbers, or objects) are evaluated in conditional contexts (like if statements), JavaScript implicitly converts them into either truthy or falsy values. Understanding these rules prevents unexpected control flow bugs.

3. The 6 Falsy Values

In JavaScript, exactly 6 values evaluate to false in a boolean context. Memorizing these 6 makes understanding conditional checks effortless:

1. false (The literal boolean)
2. 0 (including -0 and 0n)
3. "" (Empty string)
4. null (Intentional empty reference)
5. undefined (Uninitialized variable)
6. NaN (Not-a-Number)

EVERY OTHER VALUE IN JAVASCRIPT IS TRUTHY! This includes empty arrays [], empty objects {}, and the string "false".

const userSearch = "";

if (userSearch) {
  console.log("Searching...");
} else {
  console.log("Please enter a search query."); // Runs because "" is falsy!
}

4. Strict Equality (===) vs. Loose Equality (==)

Loose equality (==) performs implicit type coercion before comparing values. Strict equality (===) compares both value AND data type without converting types:

console.log(0 == "0");   // true  (Loose coercion! Dangerous!)
console.log(0 === "0");  // false (Strict comparison! Safe!)

console.log(null == undefined);  // true
console.log(null === undefined); // false

5. Common Mistakes

• Relying on Loose Equality (==): Loose equality can produce absurd results due to type coercion rules (e.g. [] == false is true!). Always default to strict equality (===).
• Assuming Empty Arrays/Objects are Falsy: In JavaScript, [] and {} are truthy objects! Checking if (myArray) on an empty array will evaluate to true. To check if an array is empty, check its length: myArray.length > 0.

6. Next Steps

Always use === for comparisons. Next, let's learn how to branch application execution using if, else, and ternary operators!