<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Control Flow in JavaScript: If, Else, and Switch Explained]]></title><description><![CDATA[Control Flow in JavaScript: If, Else, and Switch Explained]]></description><link>https://controlflowinjs-cohort.hashnode.dev</link><image><url>https://cdn.hashnode.com/uploads/logos/67827dc03c07ff48aed0c75b/b866816c-7578-4c8a-b5d3-7903f49af152.png</url><title>Control Flow in JavaScript: If, Else, and Switch Explained</title><link>https://controlflowinjs-cohort.hashnode.dev</link></image><generator>RSS for Node</generator><lastBuildDate>Thu, 18 Jun 2026 11:11:25 GMT</lastBuildDate><atom:link href="https://controlflowinjs-cohort.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[Control Flow in JavaScript: If, Else, and Switch Explained]]></title><description><![CDATA[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 h]]></description><link>https://controlflowinjs-cohort.hashnode.dev/control-flow-in-javascript-if-else-and-switch-explained</link><guid isPermaLink="true">https://controlflowinjs-cohort.hashnode.dev/control-flow-in-javascript-if-else-and-switch-explained</guid><category><![CDATA[ChaiCode]]></category><category><![CDATA[Cohort2026]]></category><dc:creator><![CDATA[Suraj Kumar]]></dc:creator><pubDate>Sun, 15 Mar 2026 13:14:29 GMT</pubDate><enclosure url="https://cdn.hashnode.com/uploads/covers/67827dc03c07ff48aed0c75b/864f03ac-21d9-44a6-bd7d-c79f0b61c142.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<h2>1. Introduction</h2>
<p>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:</p>
<ul>
<li><p><em>Agar</em> bahar baarish ho rahi hai, <em>toh</em> main chhata lekar jaunga.</p>
</li>
<li><p><em>Agar</em> exam mein 50 se zyada marks aaye, <em>toh</em> main pass ho jaunga.</p>
</li>
</ul>
<p>Programming mein is concept ko <strong>Control Flow</strong> 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.</p>
<p>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—<code>if</code>, <code>else</code>, aur <code>switch</code>—ko detail mein samajhte hain.</p>
<hr />
<h2>2. The <code>if</code> Statement</h2>
<p><code>if</code> statement JavaScript mein decision lene ka sabse simple tareeka hai. Yeh ek specific condition check karta hai, aur <em>agar</em> woh condition poori tarah sahi (true) hai, tabhi curly braces <code>{}</code> ke andar wala code chalta hai.</p>
<h3>Syntax</h3>
<pre><code class="language-javascript">if (condition) {
  // Code jo tabhi chalega jab condition true hogi
}
</code></pre>
<h3>Real-World Example: Voting Age Check</h3>
<p>Sochiye aap voting ke liye ek program likh rahe hain. Vote dene ke liye age kam se kam 18 honi chahiye.</p>
<pre><code class="language-javascript">let age = 20;

if (age &gt;= 18) {
  console.log("Aap vote de sakte hain!");
}
</code></pre>
<p><strong>Step-by-Step Kaise Chalta Hai:</strong></p>
<ol>
<li><p>JavaScript pehle <code>age</code> variable ko dekhta hai, jo ki <code>20</code> hai.</p>
</li>
<li><p>Fir <code>if</code> statement check karta hai: <em>"Kya 20, 18 se bada ya barabar hai?"</em></p>
</li>
<li><p>Kyunki jawab <strong>True</strong> hai, toh woh curly braces <code>{}</code> ke andar jata hai aur print karta hai <code>"Aap vote de sakte hain!"</code>.</p>
</li>
<li><p>Agar age <code>15</code> hoti, toh condition <strong>False</strong> ho jati aur JavaScript us code ko skip kar deta.</p>
</li>
</ol>
<hr />
<h2>3. The <code>if-else</code> Statement</h2>
<p><code>if</code> 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.</p>
<p>Is "false" scenario ko handle karne ke liye hum <code>else</code> ka use karte hain. Iska matlab hai: <em>"Agar pehli condition sahi hai toh YEH karo, nahi toh WOH karo."</em></p>
<h3>Real-World Example: Pass ya Fail</h3>
<p>Student ke exam marks ko dekhte hain. Agar 50 ya usse zyada hain toh pass, nahi toh fail.</p>
<pre><code class="language-javascript">let marks = 45;

if (marks &gt;= 50) {
  console.log("Mubarak ho, aap pass ho gaye!");
} else {
  console.log("Maaf kijiye, aap fail ho gaye. Thodi aur mehnat karein!");
}
</code></pre>
<p><strong>Kaise Chalta Hai:</strong></p>
<ol>
<li><p>JavaScript check karta hai: <em>"Kya 45, 50 se bada ya barabar hai?"</em></p>
</li>
<li><p>Jawab hai <strong>False</strong>.</p>
</li>
<li><p>False hone ki wajah se JavaScript pehla block skip kar deta hai aur seedha <code>else</code> block wala code chala deta hai, print karte hue: <code>"Maaf kijiye, aap fail ho gaye. Thodi aur mehnat karein!"</code>.</p>
</li>
</ol>
<hr />
<h2>4. The <code>else-if</code> Ladder</h2>
<p>Zindagi hamesha sirf 'sahi' ya 'galat' nahi hoti. Kabhi-kabhi hamare paas check karne ke liye bahut saari conditions hoti hain. Wahan <code>else if</code> ladder kaam aata hai! Yeh aapko ek ke baad ek kai conditions check karne deta hai jab tak koi sahi na mil jaye.</p>
<h3>Real-World Example: Grading System</h3>
<p>Marks ke hisaab se grade assign karte hain.</p>
<pre><code class="language-javascript">let score = 85;

if (score &gt;= 90) {
  console.log("Aapko A mila!");
} else if (score &gt;= 80) {
  console.log("Aapko B mila!");
} else if (score &gt;= 70) {
  console.log("Aapko C mila!");
} else {
  console.log("Aapko thoda aur sudhaar ki zaroorat hai.");
}
</code></pre>
<p><strong>Kaise Chalta Hai:</strong></p>
<ol>
<li><p>Kya <code>score &gt;= 90</code> hai? (85 &gt;= 90 is False). Chhodo.</p>
</li>
<li><p>Kya <code>score &gt;= 80</code> hai? (85 &gt;= 80 is <strong>True</strong>).</p>
</li>
<li><p>JavaScript print karta hai <code>"Aapko B mila!"</code>.</p>
</li>
<li><p><em>Dhyan dein:</em> Jaise hi koi ek condition sahi milti hai, JavaScript baaki sab ko ignore karke bahar nikal jata hai.</p>
</li>
</ol>
<hr />
<h2>5. The <code>switch</code> Statement</h2>
<p>Jab aapko sirf ek hi variable ko bahut saari alag-alag fixed values ke liye check karna ho, toh <code>else-if</code> thoda messy ho jata hai.</p>
<p>Iska solution hai <code>switch</code> statement. Yeh ek value leta hai aur use alag-alag <code>case</code> options se match karta hai.</p>
<h3>Real-World Example: Days of the Week</h3>
<p>Hafte ke dino ke number (1 to 7) ke hisaab se din ka naam print karte hain.</p>
<pre><code class="language-javascript">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.");
}
</code></pre>
<p><strong>Kaise Chalta Hai:</strong></p>
<ol>
<li><p><code>switch</code> statement <code>dayNumber</code> ko dekhta hai (jo ki <code>2</code> hai).</p>
</li>
<li><p>Woh seedha <code>case 2:</code> par jump karta hai.</p>
</li>
<li><p>Print karta hai <code>"Tuesday"</code>.</p>
</li>
<li><p><code>break</code> keyword milte hi woh switch block se safely bahar nikal jata hai.</p>
</li>
</ol>
<p><em>(Note:</em> <code>default</code> <em>case bilkul</em> <code>else</code> <em>ki tarah hai. Agar koi bhi case match nahi hota, toh yeh chalta hai.)</em></p>
<hr />
<h2>6. <code>switch</code> mein <code>break</code> ki Importance</h2>
<p>Aapne notice kiya hoga ki har case ke end mein <code>break</code> likha hai. Agar aap ise bhool jayein toh kya hoga?</p>
<p>Agar <code>break</code> 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!</p>
<p><strong>Bina Break ke Example:</strong></p>
<pre><code class="language-javascript">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
</code></pre>
<p>Isliye apne code ko sahi rakhne ke liye <code>break</code> hamesha yaad rakhein!</p>
<hr />
<h2>7. <code>switch</code> vs <code>if-else</code>: Kab kya use karein?</h2>
<p>Aksar beginners poochte hain: <em>"Donon mein se kaunsa kab use karun?"</em></p>
<ul>
<li><p><code>if-else</code> <strong>use karein jab:</strong> Aapko <strong>ranges</strong> check karni hon (jaise <code>age &gt;= 18</code>) ya complex logic (AND, OR) use karna ho. Yeh sabse flexible hai.</p>
</li>
<li><p><code>switch</code> <strong>use karein jab:</strong> Aapko ek hi variable ko multiple <strong>exact values</strong> (jaise names, colors, IDs) ke liye check karna ho. Agar matches 4 ya usse zyada hain, toh switch zyada saaf aur readable lagta hai.</p>
</li>
</ul>
<hr />
<h2>8. Practice Assignment</h2>
<p>Programming seekhne ki kunji (key) practice hai! Apne editor ya console mein yeh try karein:</p>
<p><strong>Exercise 1: Number Check</strong> Ek <code>if / else if / else</code> program likhein ek variable <code>myNumber</code> ke liye.</p>
<ul>
<li><p>Agar number 0 se bada hai toh "Positive" print karein.</p>
</li>
<li><p>Agar number 0 se chhota hai toh "Negative" print karein.</p>
</li>
<li><p>Agar exactly 0 hai toh "Zero" print karein.</p>
</li>
</ul>
<p><strong>Exercise 2: Traffic Light</strong> Ek <code>switch</code> statement banayein variable <code>lightColor</code> ("Red", "Yellow", "Green") ke liye.</p>
<ul>
<li><p>Case "Red": print "Ruko!"</p>
</li>
<li><p>Case "Yellow": print "Dheere ho jayo!"</p>
</li>
<li><p>Case "Green": print "Jayo!" <em>(Hint: Break lagana mat bhoolna!)</em></p>
</li>
</ul>
<hr />
<h2>9. Visual Diagram Ideas</h2>
<p>Agar aap dekh kar zyada seekhte hain, toh sochiye:</p>
<p><strong>If-Else Flowchart:</strong></p>
<ul>
<li><p>Start</p>
</li>
<li><p>Condition Check: Age &gt;= 18?</p>
<ul>
<li><p><code>HAAN (True)</code> -&gt; <strong>Print:</strong> "Vote karo!" -&gt; Khatam</p>
</li>
<li><p><code>NAHI (False)</code> -&gt; <strong>Print:</strong> "Abhi thode chhote ho!" -&gt; Khatam</p>
</li>
</ul>
</li>
</ul>
<p><strong>Switch Branching:</strong></p>
<ul>
<li><p>Input Value: 2</p>
</li>
<li><p>Kya Case 1 hai? (Nahi)</p>
</li>
<li><p>Kya Case 2 hai? (Haan) -&gt; <strong>Code Chalao</strong> -&gt; <code>Break</code> lagao -&gt; Bahar niklo.</p>
</li>
</ul>
<hr />
<h2>10. Conclusion</h2>
<p>Control Flow master karna hi woh cheez hai jo ek boring static webpage ko ek samajhdaar application mein badalti hai. <code>if</code>, <code>else</code>, aur <code>switch</code> ka use karke aap apne program ko ek dimag (brain) dete hain jo rules ke hisaab se decisions le sakta hai.</p>
<p>Roz thodi practice karein jab tak yeh second nature na ban jaye. Happy coding!</p>
]]></content:encoded></item></channel></rss>