Skip to main content
HashnodeControl Flow in JavaScript: If, Else, and Switch ExplainedControl Flow in JavaScript: If, Else, and Switch Explained

Command Palette

Search for a command to run...

Control Flow in JavaScript: If, Else, and Switch Explained

JavaScript mein control flow ko samjhne ke liye ek beginner-friendly guide. Seekhein if, else, else-if aur switch statements ka use karke apne code mein decisions kaise lete hain, real-world examples ke saath

Updated
•7 min read
Control Flow in JavaScript: If, Else, and Switch Explained
S
Suraj Kumar

I am MERN STACK Web Developer.I am Student of BCA.

1. Introduction

Kya aapne kabhi socha hai ki ek computer program "sochta" kaise hai ya faisle (decisions) kaise leta hai? Asli duniya mein hum har roz decisions lete hain, jaise:

  • Agar bahar baarish ho rahi hai, toh main chhata lekar jaunga.

  • Agar exam mein 50 se zyada marks aaye, toh main pass ho jaunga.

Programming mein is concept ko Control Flow kehte hain. By default, JavaScript aapka code upar se neeche tak line-by-line padhta hai. Lekin aap har baar saari lines nahi chalana chahte. Kabhi-kabhi aap chahte hain ki kuch khaas code tabhi chale jab koi condition poori ho.

Control flow statements aapke code mein traffic lights ki tarah kaam karte hain. Woh aapke banaye rules ke hisaab se program ko rasta dikhate hain. Chaliye JavaScript ke decision-making tools—if, else, aur switch—ko detail mein samajhte hain.

2. The if Statement

if statement JavaScript mein decision lene ka sabse simple tareeka hai. Yeh ek specific condition check karta hai, aur agar woh condition poori tarah sahi (true) hai, tabhi curly braces {} ke andar wala code chalta hai.

Syntax

if (condition) {
  // Code jo tabhi chalega jab condition true hogi
}

Real-World Example: Voting Age Check

Sochiye aap voting ke liye ek program likh rahe hain. Vote dene ke liye age kam se kam 18 honi chahiye.

let age = 20;

if (age >= 18) {
  console.log("Aap vote de sakte hain!");
}

Step-by-Step Kaise Chalta Hai:

  1. JavaScript pehle age variable ko dekhta hai, jo ki 20 hai.

  2. Fir if statement check karta hai: "Kya 20, 18 se bada ya barabar hai?"

  3. Kyunki jawab True hai, toh woh curly braces {} ke andar jata hai aur print karta hai "Aap vote de sakte hain!".

  4. Agar age 15 hoti, toh condition False ho jati aur JavaScript us code ko skip kar deta.

3. The if-else Statement

if statement toh theek hai, lekin agar condition galat (false) ho jaye toh kya hoga? Pichle example mein, agar age 15 hoti toh program kuch nahi karta.

Is "false" scenario ko handle karne ke liye hum else ka use karte hain. Iska matlab hai: "Agar pehli condition sahi hai toh YEH karo, nahi toh WOH karo."

Real-World Example: Pass ya Fail

Student ke exam marks ko dekhte hain. Agar 50 ya usse zyada hain toh pass, nahi toh fail.

let marks = 45;

if (marks >= 50) {
  console.log("Mubarak ho, aap pass ho gaye!");
} else {
  console.log("Maaf kijiye, aap fail ho gaye. Thodi aur mehnat karein!");
}

Kaise Chalta Hai:

  1. JavaScript check karta hai: "Kya 45, 50 se bada ya barabar hai?"

  2. Jawab hai False.

  3. False hone ki wajah se JavaScript pehla block skip kar deta hai aur seedha else block wala code chala deta hai, print karte hue: "Maaf kijiye, aap fail ho gaye. Thodi aur mehnat karein!".

4. The else-if Ladder

Zindagi hamesha sirf 'sahi' ya 'galat' nahi hoti. Kabhi-kabhi hamare paas check karne ke liye bahut saari conditions hoti hain. Wahan else if ladder kaam aata hai! Yeh aapko ek ke baad ek kai conditions check karne deta hai jab tak koi sahi na mil jaye.

Real-World Example: Grading System

Marks ke hisaab se grade assign karte hain.

let score = 85;

if (score >= 90) {
  console.log("Aapko A mila!");
} else if (score >= 80) {
  console.log("Aapko B mila!");
} else if (score >= 70) {
  console.log("Aapko C mila!");
} else {
  console.log("Aapko thoda aur sudhaar ki zaroorat hai.");
}

Kaise Chalta Hai:

  1. Kya score >= 90 hai? (85 >= 90 is False). Chhodo.

  2. Kya score >= 80 hai? (85 >= 80 is True).

  3. JavaScript print karta hai "Aapko B mila!".

  4. Dhyan dein: Jaise hi koi ek condition sahi milti hai, JavaScript baaki sab ko ignore karke bahar nikal jata hai.

5. The switch Statement

Jab aapko sirf ek hi variable ko bahut saari alag-alag fixed values ke liye check karna ho, toh else-if thoda messy ho jata hai.

Iska solution hai switch statement. Yeh ek value leta hai aur use alag-alag case options se match karta hai.

Real-World Example: Days of the Week

Hafte ke dino ke number (1 to 7) ke hisaab se din ka naam print karte hain.

let dayNumber = 2;

switch (dayNumber) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  default:
    console.log("Invalid day number.");
}

Kaise Chalta Hai:

  1. switch statement dayNumber ko dekhta hai (jo ki 2 hai).

  2. Woh seedha case 2: par jump karta hai.

  3. Print karta hai "Tuesday".

  4. break keyword milte hi woh switch block se safely bahar nikal jata hai.

(Note: default case bilkul else ki tarah hai. Agar koi bhi case match nahi hota, toh yeh chalta hai.)

6. switch mein break ki Importance

Aapne notice kiya hoga ki har case ke end mein break likha hai. Agar aap ise bhool jayein toh kya hoga?

Agar break nahi hai, toh JavaScript "fall-through" kar jayega. Matlab, matching case chalne ke baad woh uske neeche ke saare cases bhi chalane lagega, chahe woh match ho rahi hon ya nahi!

Bina Break ke Example:

let color = "Red";

switch (color) {
  case "Red":
    console.log("Apne Red chuna");
    // Break bhool gaye!
  case "Blue":
    console.log("Apne Blue chuna");
}

// Output aayega:
// Apne Red chuna
// Apne Blue chuna

Isliye apne code ko sahi rakhne ke liye break hamesha yaad rakhein!

7. switch vs if-else: Kab kya use karein?

Aksar beginners poochte hain: "Donon mein se kaunsa kab use karun?"

  • if-else use karein jab: Aapko ranges check karni hon (jaise age >= 18) ya complex logic (AND, OR) use karna ho. Yeh sabse flexible hai.

  • switch use karein jab: Aapko ek hi variable ko multiple exact values (jaise names, colors, IDs) ke liye check karna ho. Agar matches 4 ya usse zyada hain, toh switch zyada saaf aur readable lagta hai.

8. Practice Assignment

Programming seekhne ki kunji (key) practice hai! Apne editor ya console mein yeh try karein:

Exercise 1: Number Check Ek if / else if / else program likhein ek variable myNumber ke liye.

  • Agar number 0 se bada hai toh "Positive" print karein.

  • Agar number 0 se chhota hai toh "Negative" print karein.

  • Agar exactly 0 hai toh "Zero" print karein.

Exercise 2: Traffic Light Ek switch statement banayein variable lightColor ("Red", "Yellow", "Green") ke liye.

  • Case "Red": print "Ruko!"

  • Case "Yellow": print "Dheere ho jayo!"

  • Case "Green": print "Jayo!" (Hint: Break lagana mat bhoolna!)

9. Visual Diagram Ideas

Agar aap dekh kar zyada seekhte hain, toh sochiye:

If-Else Flowchart:

  • Start

  • Condition Check: Age >= 18?

    • HAAN (True) -> Print: "Vote karo!" -> Khatam

    • NAHI (False) -> Print: "Abhi thode chhote ho!" -> Khatam

Switch Branching:

  • Input Value: 2

  • Kya Case 1 hai? (Nahi)

  • Kya Case 2 hai? (Haan) -> Code Chalao -> Break lagao -> Bahar niklo.

10. Conclusion

Control Flow master karna hi woh cheez hai jo ek boring static webpage ko ek samajhdaar application mein badalti hai. if, else, aur switch ka use karke aap apne program ko ek dimag (brain) dete hain jo rules ke hisaab se decisions le sakta hai.

Roz thodi practice karein jab tak yeh second nature na ban jaye. Happy coding!

#chaicode#cohort2026
1 views

Comments

Join the discussion

No comments yet. Be the first to comment.