SA-21/06, C-11, Asapur, Varanasi, UP support@kamaldnp.com +91 8318013442
JavaScript
1. JavaScript परिचय 2. JavaScript कहाँ लिखें 3. JavaScript आउटपुट 4. JavaScript सिंटैक्स 5. JavaScript कमेंट्स 6. JavaScript वेरिएबल्स 7. JavaScript ऑपरेटर्स 8. JavaScript डेटा टाइप्स 9. JavaScript फंक्शन्स 10. JavaScript ऑब्जेक्ट्स 11. JavaScript स्कोप 12. JavaScript इवेंट्स 13. JavaScript स्ट्रिंग्स 14. JavaScript नंबर्स 15. JavaScript ऐरे 16. JavaScript ऐरे मेथड्स 17. JavaScript तारीखें 18. JavaScript मैथ 19. JavaScript कंडीशन्स 20. JavaScript स्विच 21. JavaScript For Loop — गिनती वाला लूप 22. JavaScript While Loop — जब तक वाला लूप 23. JavaScript Type Conversion — एक type से दूसरा type 24. JavaScript Errors — try, catch, finally से error पकड़िए 25. JavaScript JSON — डेटा भेजने का तरीका 26. JavaScript Arrow Functions — छोटा रूप, बड़ा फर्क 27. JavaScript Classes — एक बार लिखिए, बार-बार बनाइए 28. JavaScript Promises और async/await — इंतज़ार का तरीका 29. JavaScript और DOM — पेज को पेड़ समझिए 30. JavaScript Form Validation — दरवाज़े पर जाँच
अंतिम टेस्ट — सर्टिफिकेट ₹10
इस कोड को लाइव चलाएँ
पाठ 20, कुल 30 में

JavaScript स्विच

5 मिनट पढ़ें · मुफ़्त · बिना लॉगिन

कभी-कभी एक ही सवाल के कई जवाब होते हैं। दिन 1 है तो सोमवार, दिन 2 है तो मंगलवार, दिन 3 है तो बुधवार — एक if / else if की श्रृंखला इससे काम चला लेगी, लेकिन सात दिन के लिए वह लंबी और पढ़ने में कठिन हो जाती है। यहीं switch काम आता है: एक मान, कई रास्ते, साफ़-सुथरी सूची।

Diagram — देखें, यह सब कैसे जुड़ता है
Diagram: JavaScript स्विच

ट्रेन स्टेशन के signal box की तरह सोचें। एक नंबर अंदर आता है — दिन 1, दिन 2, दिन 3। Switch board उसे सही प्लेटफॉर्म की ओर मोड़ देता है: case 1 सोमवार के प्लेटफॉर्म पर, case 2 मंगलवार के प्लेटफॉर्म पर, और ऐसे ही आगे। अगर कोई प्लेटफॉर्म match नहीं करता, तो ट्रेन default ट्रैक पर जाती है। break वह चाबी है जो उस प्लेटफॉर्म पर ट्रेन को रोकती है — उसके बिना ट्रेन अगले प्लेटफॉर्म पर भी दौड़ जाती है।

इसे ऐसे याद रखें: switch चुनता है, case मिलाता है, break रोकता है, default बाकी सब पकड़ता है।

switch और case

switch एक expression को लेता है और उसके मान की हर case से तुलना करता है। तुलना सख्त होती है — === की तरह — इसलिए 1 स्ट्रिंग "1" से match नहीं करता।

let day = 3;
switch (day) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
}

switch अपनी तुलना के लिए === इस्तेमाल करता है। case 1 सिर्फ तभी match करता है जब day नंबर 1 हो — स्ट्रिंग "1" match नहीं करती। इसलिए switch से पहले मान को सही type में convert करना मत भूलिए: input से मिला दिन स्ट्रिंग होता है, उसे Number() से नंबर बनाएँ।

break — रुकना ज़रूरी है

break switch से बाहर निकलता है। अगर आप break भूल जाएँ, तो JavaScript अगला case भी चला देता है, और उसके बाद वाला भी — इसे fall-through कहते हैं। यह लगभग कभी वह नहीं होता जो आप चाहते हैं, और यह switch से जुड़ा सबसे आम बग है।

let day = 1;
switch (day) {
  case 1:
    console.log("Monday");
    // break भूल गए!
  case 2:
    console.log("Tuesday");
    break;
}
// "Monday" और "Tuesday" दोनों छपते हैं — गलती!

यहाँ सिर्फ "Monday" छपना चाहिए था। case 1 के बाद break नहीं था, इसलिए कोड case 2 में भी गिर गया। हर case का आखिरी लाइन break होना चाहिए, जब तक कि आप जानबूझकर fall-through नहीं चाहते — जैसे दो case एक ही नतीजा दें, जो दुर्लभ लेकिन वैध है।

default — बाकी सब

default तब चलता है जब कोई case match नहीं करता। यह if / else के else जैसा है — सुरक्षा जाल। यह हमेशा होना चाहिए, ताकि गलत नंबर पर प्रोग्राम चुप न रहे।

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

default switch के किसी भी हिस्से में लिखा जा सकता है, लेकिन परंपरा है कि इसे आखिर में रखें, जहाँ यह अपनी जगह समझ आता है।

Note: अगर कई case एक ही नतीजा दें, तो आप उन्हें एक साथ रख सकते हैं और सिर्फ आखिरी में break लिख सकते हैं: case 6: case 7: console.log("Weekend"); break; — इससे शनिवार और रविवार दोनों को "Weekend" मिलता है, और यह जानबूझकर किया गया fall-through है, भूल नहीं।
Tip: जब आपके पास सिर्फ दो रास्ते हों, तो if / else इस्तेमाल करें। जब आपके पास एक ही मान के तीन या उससे ज़्यादा fixed जवाब हों, तो switch साफ़ रहता है। लेकिन अगर हर कंडीशन अलग comparison हो — जैसे marks >= 75 और marks >= 40 — तो switch सही औज़ार नहीं है; वह सिर्फ सटीक बराबरी जाँचता है।

आम गलतियाँ

  • break भूल जाना — प्रोग्राम अगले case में भी गिर जाता है और कई जवाब छाप देता है।
  • default न लिखना — गलत मान पर प्रोग्राम चुप रहता है और यूज़र को कुछ नहीं दिखता।
  • यह भूल जाना कि switch === से तुलना करता है — स्ट्रिंग "1" नंबर 1 से match नहीं करती। input को पहले Number() से convert करें।
  • Range जाँचने के लिए switch इस्तेमाल करना — switch सिर्फ सटीक मान मिलाता है; marks >= 75 जैसी ranges के लिए if / else if इस्तेमाल करें।
  • case के बाद : की जगह ; लिखना — colon सही है, semicolon गलत।

याद रखें

  • Switch चुनता है, case मिलाता है, break रोकता है, default बाकी सब पकड़ता है।
  • switch सख्त तुलना (===) करता है — 1 और "1" अलग हैं।
  • हर case के बाद break लिखें, नहीं तो fall-through होगा।
  • default सुरक्षा जाल है — गलत मान पर "Invalid day" जैसा संदेश दिखाएँ।
  • एक मान के कई fixed जवाबों के लिए switch, ranges के लिए if / else if।

उदाहरण समझिए

  • Number(document.getElementById("day").value) — input से आया दिन स्ट्रिंग होता है, इसलिए switch की सख्त तुलना से पहले उसे Number() से नंबर में बदल दिया जाता है।
  • switch (day) — दिन का नंबर लेता है और उसकी हर case से तुलना करता है।
  • case 1: ... break; — दिन 1 है तो "Monday" दिखाता है, और break तुरंत switch से बाहर निकलता है ताकि मंगलवार न छपे।
  • case 6: case 7: — शनिवार और रविवार दोनों को "Weekend" देता है, बिना दोहराए — जानबूझकर किया गया fall-through।
  • default: ... — अगर नंबर 1 से 7 के बीच नहीं है, तो "Invalid day — 1 से 7 के बीच डालें" दिखाता है।

उदाहरण

Example
<!DOCTYPE html>
<html>
<head>
<title>Weekday Finder — JavaScript Switch</title>
<style>
body { font-family: Verdana, sans-serif; padding: 20px; }
h1 { color: #1e3a5f; }
button { background-color: #e13611; color: white; border: none; padding: 10px 18px; font-size: 16px; cursor: pointer; }
p { font-size: 18px; }
.result { background-color: #f1f5f9; padding: 12px; }
</style>
</head>
<body>

<h1>Weekday Finder</h1>
<p>Day number: 3 (1 = Monday, 7 = Sunday)</p>
<button onclick="findDay()">Find the Day</button>
<p class="result" id="result">Click the button to see which weekday day 3 is.</p>

<script>
function findDay() {
  let day = 3;
  let name;
  switch (day) {
    case 1:
      name = "Monday";
      break;
    case 2:
      name = "Tuesday";
      break;
    case 3:
      name = "Wednesday";
      break;
    case 4:
      name = "Thursday";
      break;
    case 5:
      name = "Friday";
      break;
    case 6:
      name = "Saturday";
      break;
    case 7:
      name = "Sunday";
      break;
    default:
      name = "Invalid day number";
  }
  document.getElementById("result").innerHTML =
    "Day " + day + " is " + name;
}
</script>

</body>
</html>

परिणाम

परिणाम — ब्राउज़र में यह कैसा दिखता है
परिणाम: JavaScript स्विच

खुद करके देखें — लाइव एडिटर

नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।

परिणाम

खुद क्यों सीखें — AI से पूछने के बजाय?

AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।

सर्टिफिकेट पाएँ — सिर्फ ₹10

सभी 30 पाठ पूरे करें, टेस्ट पास करें (80%), ₹10 दें और अपना सर्टिफिकेट पाएँ।

टेस्ट दें

देखकर सीखना पसंद है? वीडियो कोर्स में वही विषय एक-एक करके सिखाए जाते हैं।

Go further with a full course

Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.

Core Python Programming – 3 Month Complete Course
₹700
View
Android & iOS App Development using Flutter 2026
₹5,000
View
Ethical Hacking & Cyber Security Workshop
View
Browse all courses
JavaScript — Lessons
1. JavaScript परिचय 2. JavaScript कहाँ लिखें 3. JavaScript आउटपुट 4. JavaScript सिंटैक्स 5. JavaScript कमेंट्स 6. JavaScript वेरिएबल्स 7. JavaScript ऑपरेटर्स 8. JavaScript डेटा टाइप्स 9. JavaScript फंक्शन्स 10. JavaScript ऑब्जेक्ट्स 11. JavaScript स्कोप 12. JavaScript इवेंट्स 13. JavaScript स्ट्रिंग्स 14. JavaScript नंबर्स 15. JavaScript ऐरे 16. JavaScript ऐरे मेथड्स 17. JavaScript तारीखें 18. JavaScript मैथ 19. JavaScript कंडीशन्स 20. JavaScript स्विच 21. JavaScript For Loop — गिनती वाला लूप 22. JavaScript While Loop — जब तक वाला लूप 23. JavaScript Type Conversion — एक type से दूसरा type 24. JavaScript Errors — try, catch, finally से error पकड़िए 25. JavaScript JSON — डेटा भेजने का तरीका 26. JavaScript Arrow Functions — छोटा रूप, बड़ा फर्क 27. JavaScript Classes — एक बार लिखिए, बार-बार बनाइए 28. JavaScript Promises और async/await — इंतज़ार का तरीका 29. JavaScript और DOM — पेज को पेड़ समझिए 30. JavaScript Form Validation — दरवाज़े पर जाँच
अंतिम टेस्ट — सर्टिफिकेट ₹10

🤖 KAMALDNP AI Assistant

Ask about courses, website & more

Hi! I'm KAMALDNP AI Assistant. Ask me about our courses, website features, or anything else! 😊
Please wait 5s...
🛡️ 7-Day Money-Back Guarantee
🤖 KAMALDNP Assistant ✕

Request human callback:

🔐 Login Required
✕

Download karne ke liye login karo. Login ke baad yahi page pe rahoge!

Naya ho? Register karo →