जावास्क्रिप्ट स्विच स्टेटमेंट में कॉमन कोड ब्लॉक्स समझाएं

परिचय

जावास्क्रिप्ट स्विच स्टेटमेंट में, एक ही कोड ब्लॉक को कई case लेबल्स के लिए साझा किया जा सकता है, जिससे डुप्लीकेशन से बचा जा सकता है। इसे "फॉल-थ्रू" व्यवहार कहा जाता है।

उदाहरण

निम्न कोड जावास्क्रिप्ट स्विच स्टेटमेंट में कॉमन कोड ब्लॉक्स को लागू करने के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>स्विच कॉमन ब्लॉक्स</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>जावास्क्रिप्ट स्विच स्टेटमेंट</h1> दिन 1-7 दर्ज करें <input type="text" class="day" /> <button class="Btn"> चेक </button> <div style="color: green;" class="result"></div> <h3> यह जांचने के लिए ऊपर दिए गए बटन पर क्लिक करें कि कौन सा दिन है </h3> <script> const dayVal = document.querySelector(".day"); const resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { switch (parseInt(dayVal.value)) { case 1: case 2: case 3: case 4: case 5: resEle.innerHTML = "यह एक कार्यदिवस है"; break; case 6: case 7: resEle.innerHTML = "यह सप्ताहांत है"; break; default: resEle.innerHTML = "1 और 7 के बीच मान दर्ज करें"; break; } }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

1-7 के बीच संख्या दर्ज करने और चेक पर क्लिक करने पर:

महत्वपूर्ण नोट

प्रत्येक case समूह के अंत में break आवश्यक है, अन्यथा एक्जीक्यूशन अगले केस में "फॉल थ्रू" हो जाएगा (जो इस पैटर्न के लिए इरादा है)।

आधुनिक विकल्प

जटिल शर्तों के लिए, ऑब्जेक्ट लुकअप या Map पर विचार करें:

const dayType = {
  1: 'कार्यदिवस', 2: 'कार्यदिवस', 3: 'कार्यदिवस',
  4: 'कार्यदिवस', 5: 'कार्यदिवस',
  6: 'सप्ताहांत', 7: 'सप्ताहांत'
};
const result = dayType[parseInt(dayVal.value)] || 'अमान्य इनपुट';