🔄 Control Flow Statements in JavaScript
📌 Introduction
In JavaScript, control flow statements decide the order in which code runs. They help you make decisions (✅/❌), repeat tasks 🔁, or exit early 🚪. Think of them as traffic signals 🚦 guiding your program’s journey.
🧠 Major Control Flow Statements
- 🔀 Conditional Statements ➝ if, if...else, switch
- 🔁 Looping Statements ➝ for, while, do...while
- ⏹️ Jump Statements ➝ break, continue, return
📌 Conditional Flow
Used to run different code based on conditions.
if...else Example
let age = 18;
if (age >= 18) {
console.log("Adult ✅");
} else {
console.log("Minor ❌");
}switch Example
let fruit = "apple";
switch(fruit) {
case "apple":
console.log("🍎 Apple selected");
break;
case "banana":
console.log("🍌 Banana selected");
break;
default:
console.log("Unknown fruit ❓");
}📌 Looping Flow
Loops help you repeat code until a condition is met.
Looping Statements Example
// for loop
for (let i = 1; i <= 5; i++) {
console.log("Count:", i);
}
// while loop
let x = 1;
while (x <= 3) {
console.log("x is", x);
x++;
}
// do...while loop
let y = 1;
do {
console.log("y is", y);
y++;
} while (y <= 2);📌 Jump Flow
These statements help you exit or skip parts of code.
Jump Statements Example
for (let i = 1; i <= 5; i++) {
if (i === 3) {
continue; // skips 3️⃣
}
if (i === 5) {
break; // stops loop at 5️⃣
}
console.log(i);
}
function greet(name) {
if (!name) {
return "No name provided ❌";
}
return "Hello " + name + " 👋";
}⚡ Control Flow Overview
| Type | Statement | Purpose |
|---|---|---|
| Conditional | if, if...else, switch | Decision making |
| Looping | for, while, do...while | Repeat code |
| Jump | break, continue, return | Alter loop/exit function |
Note
💡 Tip: Use for when you know the number of iterations, use while when looping until a condition, and do...while when you want to run at least once.
>>"Control flow is the steering wheel 🛞 of your program — without it, your code would just drive straight forever."