Lesson 07 of 20

5 mins read

Conditionals & If / Else Branching

In Plain English

JavaScript uses if, else if, and else statements to execute code blocks based on boolean condition evaluations. Each branch is enclosed in curly braces creating its own block scope.

The Mental Model

"An if/else tree is like a railroad track switch. If the sensor detects a green signal, the train stays on track A; otherwise, it switches over to track B."

Deep Dive: How It Works

Condition Evaluation: Conditions are evaluated to truthy or falsy values.

Block Scope: Variables declared with const and let inside an if block cannot be accessed outside it.

Chaining Branches: Use else if to test multiple mutually exclusive conditions sequentially.

Syntax Blueprint

if (score >= 90) { ... } else if (score >= 80) { ... } else { ... }

Branches execute top-to-bottom and stop at the first condition that evaluates to truthy.

Core Rules to Remember

if Statement: Executes a block if its boolean expression evaluates to true.

else if Chain: Tests alternative conditions if previous checks were falsy.

else Fallback: Default catch-all block executed when no preceding conditions match.

Common Beginner Traps & How to Fix Them

Mistake:Using assignment (=) instead of equality (===) in condition.

Why it happens: if (x = 5) assigns 5 to x and evaluates to truthy, always entering the branch.

How to fix: Always use === or !== when comparing values inside if statements.

Pro Tip: Keep nested if statements shallow by using early return guard clauses.

Live Interactive Example

Hit Run Code to see it live

Branching Access Control

JavaScript ES2024

Output Console

Click "Run Code" to view the rendered output.

How it works: Since role is "admin" and verified is true, the first branch executes.

Your Turn: Micro Challenge

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

Micro Exercise

Grade evaluator conditional

Given const score = 85;
If score >= 90, log "Grade: A".
Else if score >= 80, log "Grade: B".
Else log "Grade: C".

Sandbox Output

Click "Run & Check" to test your solution.

Finished reading and practicing?

Mark this lesson as completed to update your course progress.