5 मिनट पढ़ें · मुफ़्त · बिना लॉगिन
कभी-कभी एक ही सवाल के कई जवाब होते हैं। दिन 1 है तो सोमवार, दिन 2 है तो मंगलवार, दिन 3 है तो बुधवार — एक if / else if की श्रृंखला इससे काम चला लेगी, लेकिन सात दिन के लिए वह लंबी और पढ़ने में कठिन हो जाती है। यहीं switch काम आता है: एक मान, कई रास्ते, साफ़-सुथरी सूची।
ट्रेन स्टेशन के signal box की तरह सोचें। एक नंबर अंदर आता है — दिन 1, दिन 2, दिन 3। Switch board उसे सही प्लेटफॉर्म की ओर मोड़ देता है: case 1 सोमवार के प्लेटफॉर्म पर, case 2 मंगलवार के प्लेटफॉर्म पर, और ऐसे ही आगे। अगर कोई प्लेटफॉर्म match नहीं करता, तो ट्रेन default ट्रैक पर जाती है। break वह चाबी है जो उस प्लेटफॉर्म पर ट्रेन को रोकती है — उसके बिना ट्रेन अगले प्लेटफॉर्म पर भी दौड़ जाती है।
इसे ऐसे याद रखें: switch चुनता है, case मिलाता है, break रोकता है, default बाकी सब पकड़ता है।
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 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 तब चलता है जब कोई 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 के किसी भी हिस्से में लिखा जा सकता है, लेकिन परंपरा है कि इसे आखिर में रखें, जहाँ यह अपनी जगह समझ आता है।
break लिख सकते हैं: case 6: case 7: console.log("Weekend"); break; — इससे शनिवार और रविवार दोनों को "Weekend" मिलता है, और यह जानबूझकर किया गया fall-through है, भूल नहीं।if / else इस्तेमाल करें। जब आपके पास एक ही मान के तीन या उससे ज़्यादा fixed जवाब हों, तो switch साफ़ रहता है। लेकिन अगर हर कंडीशन अलग comparison हो — जैसे marks >= 75 और marks >= 40 — तो switch सही औज़ार नहीं है; वह सिर्फ सटीक बराबरी जाँचता है।break भूल जाना — प्रोग्राम अगले case में भी गिर जाता है और कई जवाब छाप देता है।default न लिखना — गलत मान पर प्रोग्राम चुप रहता है और यूज़र को कुछ नहीं दिखता।switch === से तुलना करता है — स्ट्रिंग "1" नंबर 1 से match नहीं करती। input को पहले Number() से convert करें।switch इस्तेमाल करना — switch सिर्फ सटीक मान मिलाता है; marks >= 75 जैसी ranges के लिए if / else if इस्तेमाल करें।case के बाद : की जगह ; लिखना — colon सही है, semicolon गलत।switch सख्त तुलना (===) करता है — 1 और "1" अलग हैं।case के बाद break लिखें, नहीं तो fall-through होगा।default सुरक्षा जाल है — गलत मान पर "Invalid day" जैसा संदेश दिखाएँ।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 के बीच डालें" दिखाता है।<!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>
नीचे दिया गया कोड बदलें और चलाएँ दबाएँ — परिणाम तुरंत दिखेगा। कोई फाइल सहेजनी नहीं है, कोई लॉगिन नहीं चाहिए।
AI आपके लिए कोड लिख सकता है, लेकिन वह आपके लिए सोच नहीं सकता। जब आप HTML खुद सीखते हैं, तो आपका दिमाग असली कौशल बनाता है: आप समझते हैं कि पेज ऐसा क्यों दिखता है, टूटने पर उसे ठीक कर सकते हैं, और परीक्षा या इंटरव्यू में बिना मदद के जवाब दे सकते हैं। यही कौशल नौकरी दिलाता है — कॉपी किया हुआ जवाब नहीं।
सभी 30 पाठ पूरे करें, टेस्ट पास करें (80%), ₹10 दें और अपना सर्टिफिकेट पाएँ।
टेस्ट देंदेखकर सीखना पसंद है? वीडियो कोर्स में वही विषय एक-एक करके सिखाए जाते हैं।
Free tutorials teach you the basics. Our paid courses add live projects, mentorship and a certificate.
Browse all coursesAsk about courses, website & more
Request human callback:
Download karne ke liye login karo. Login ke baad yahi page pe rahoge!
Naya ho? Register karo →