JS Booleans

JavaScript Booleans: Truthy, Falsy, & Negation

A boolean represents one of two values: true or false. In conditional control flow, JavaScript automatically coerces values to booleans based on whether they are truthy or falsy.

Truthy vs Falsy Classification

flowchart TD
    Eval["JavaScript Value"] --> Check{"Is value in Falsy List?"}
    Check -- "Yes" --> Falsy["Evaluates to false (false, 0, -0, 0n, '', null, undefined, NaN)"]
    Check -- "No" --> Truthy["Evaluates to true (Everything else: '0', 'false', [], {}, infinity)"]

Complete Falsy Values List (Only 8)

Practical Code Example

// Demonstrating Boolean coercion, double negation (!!), and truthy traps

// 1. Explicit Coercion using Boolean() and !!
const userCount = 0;
const emptyText = "";
const activeList = [];

console.log(`Boolean(0): ${Boolean(userCount)}`);       // false
console.log(`!!"": ${!!emptyText}`);                    // false
console.log(`!![] (Empty Array): ${!!activeList}`);     // true! (Objects/Arrays are ALWAYS truthy)
console.log(`!!"0" (String zero): ${!!"0"}`);           // true!

// 2. Truthy Check in Guard Condition
function renderHeader(user) {
  // If user object is truthy, render welcome message
  if (user) {
    console.log(`Welcome back, ${user.name}!`);
  } else {
    console.log("Welcome, Guest!");
  }
}

renderHeader({ name: "Maksudur" }); // Welcome back, Maksudur!
renderHeader(null);                 // Welcome, Guest!

Best Practices & Gotchas

• Empty Objects and Arrays are Truthy: {} and [] evaluate to true in if statements. To check if an array is empty, check arr.length > 0. To check an object, check Object.keys(obj).length > 0.
• Use !! for Quick Boolean Casts: !!value is the idiomatic JavaScript shorthand for casting any value to a boolean primitive.
• Strings with Falsy Names are Truthy: "false" and "0" are non-empty strings and therefore evaluate to true.

Self-Check Challenge

What does Boolean(new Boolean(false)) evaluate to, and why?