Lesson 05 of 20

6 mins read

Type Coercion & Strict Equality (=== vs ==)

In Plain English

JavaScript automatically converts types in certain operations (type coercion). Strict equality (===) compares both value and type without coercion, while loose equality (==) coerces operands before comparison.

The Mental Model

"Loose equality (==) is like a forgiving bouncer who lets you in if you look somewhat similar in poor lighting. Strict equality (===) is a biometric fingerprint scanner checking exact identity."

Deep Dive: How It Works

Strict Equality (===): Checks value AND type. 5 === "5" is false.

Loose Equality (==): Converts types before checking. 5 == "5" is true. (Avoid in modern code!).

The 8 Falsy Values in JavaScript: false, 0, -0, 0n, "", null, undefined, NaN. Everything else is truthy.

Syntax Blueprint

a === b ──▶ Strict equality (no coercion) | a !== b ──▶ Strict inequality

Always prefer === and !== over == and != to avoid unexpected type coercion bugs.

Core Rules to Remember

Strict Equality: Always use === and !== to ensure type safety.

Truthy & Falsy: Empty strings, 0, null, undefined, and NaN evaluate to false in boolean contexts.

Explicit Conversion: Use Number("42"), String(100), and Boolean(value) for safe, clear conversions.

Common Beginner Traps & How to Fix Them

Mistake:Using == with 0 or empty strings.

Why it happens: 0 == "" evaluates to true due to historic type conversion rules.

How to fix: Enforce === everywhere across your JavaScript codebase.

Pro Tip: Use the double-not operator (!!value) as a fast idiom to convert any value into its strict boolean representation.

Live Interactive Example

Hit Run Code to see it live

Comparing Equality and Truthiness

JavaScript ES2024

Output Console

Click "Run Code" to view the rendered output.

How it works: Demonstrates type checking and boolean conversions in JavaScript.

Your Turn: Micro Challenge

No pressure! Edit the starter code below and test your solution with instant feedback.

Micro Exercise

Perform explicit type conversion

Given const input = "500";
Convert input to a number using Number(input) and add 100.
Print "Converted Total: 600".

Sandbox Output

Click "Run & Check" to test your solution.

Finished reading and practicing?

Mark this lesson as completed to update your course progress.