Control Flow in JavaScript: If, Else, and Switch Explained
In the real world, we make decisions constantly:
If it is raining, then take an umbrella.
Else, leave it at home.
In programming, this is called Control Flow. By default, code runs in a straight line from top to bottom. Control flow allows us to create "forks in the road," where the computer chooses which path to take based on the conditions we set.
The if Statement (The Basic Choice)
The if statement is the simplest form of control. If a condition is true, the code inside the curly braces runs. If it's false, the computer simply skips it.
let marks = 45;
if (marks >= 33) {
console.log("You passed!");
}
The if-else Statement (The Fork in the Road)
What if you want something else to happen when the condition is false? That’s where else comes in.
let age = 16;
if (age >= 18) {
console.log("You can vote.");
} else {
console.log("Too young to vote.");
}
The else if Ladder (Multiple Options)
Life isn't always "Yes" or "No." Sometimes there are several possibilities. The else if ladder lets you check multiple conditions in order. The computer stops at the first true condition it finds.
let time = 14; // 2:00 PM
if (time < 12) {
console.log("Good Morning");
} else if (time < 17) {
console.log("Good Afternoon");
} else {
console.log("Good Evening");
}
The switch Statement (The Organized List)
When you have one variable and you want to check it against many specific values (like days of the week or menu items), an else if ladder can get messy. The switch statement is a cleaner way to handle this.
Why do we need break?
Think of break as your exit strategy. Without it, the code will "fall through" and execute every single case below the one that matched, even if they aren't true!
let fruit = "Apple";
switch (fruit) {
case "Banana":
console.log("Yellow and curved.");
break;
case "Apple":
console.log("Red and crunchy.");
break;
default:
console.log("Unknown fruit.");
}
When to use switch vs if-else?
Conclusion
Control flow is the brain of your application. By mastering if-else and switch, you’ve moved from just writing "scripts" to building "logic." Whether you're validating a login form or determining the path of a player in a game, these structures are the foundation of every decision your program will ever make.
