कंडिशनल स्टेटमेंट्स
कंडिशनल स्टेटमेंट्स (Conditional Statements) जावास्क्रिप्ट में एक महत्वपूर्ण उपकरण हैं जो प्रोग्राम के फ्लो को नियंत्रित करने में मदद करते हैं। इन्हें समझना ऐसा है जैसे आप एक घर बना रहे हों: हर कमरे में क्या रखा जाए यह आप चुनते हैं, या कमरे की सजावट उसके उपयोग के आधार पर तय होती है। इसी तरह, कंडिशनल स्टेटमेंट्स कोड को विभिन्न रास्तों पर चलाने की अनुमति देते हैं, यह निर्भर करता है कि कौन सी शर्तें पूरी होती हैं।
एक पोर्टफोलियो वेबसाइट में, कंडिशनल स्टेटमेंट्स उपयोगकर्ता की भूमिका या प्राथमिकताओं के आधार पर कौन सा प्रोजेक्ट दिखाई देगा यह तय कर सकती हैं। ब्लॉग में, वे विशेष लेख को हाइलाइट करने या लेखक के अनुसार लेआउट बदलने में उपयोग हो सकती हैं। ई-कॉमर्स प्लेटफॉर्म में, ये स्टेटमेंट्स डिस्काउंट लागू करने, प्रमोशन देने और खरीद इतिहास के अनुसार व्यक्तिगत सुझाव दिखाने में सहायक होती हैं। न्यूज़ साइट्स में ये उपयोगकर्ता की रुचि या लोकेशन के अनुसार कंटेंट को अनुकूलित कर सकती हैं। सोशल प्लेटफॉर्म्स पर, ये स्टेटमेंट्स कंटेंट की विजिबिलिटी, प्राइवेसी सेटिंग्स और नोटिफिकेशन नियंत्रित करने में महत्वपूर्ण होती हैं।
इस ट्यूटोरियल में आप सीखेंगे कि कैसे if, else, else if और switch का उपयोग करके जटिल निर्णय संरचनाएँ बनाई जा सकती हैं। साथ ही आप &&, || और ! जैसे लॉजिकल ऑपरेटरों के साथ इनका संयोजन करना भी सीखेंगे। उदाहरण वास्तविक दुनिया के परिदृश्यों पर आधारित होंगे। अंत में, आप कंडिशनल स्टेटमेंट्स को ऐसे लिख पाएंगे जो स्पष्ट, रखरखाव योग्य और फ्लेक्सिबल हों, जैसे कि किसी पुस्तकालय में पुस्तकों को व्यवस्थित करना या पत्र लिखते समय सामग्री को प्राप्तकर्ता के अनुसार बदलना।
मूल उदाहरण
javascript// Basic user role check example
let userRole = "admin"; // Possible values: admin, editor, guest
if (userRole === "admin") {
console.log("Welcome, you can manage all content."); // Admin message
} else if (userRole === "editor") {
console.log("Welcome, you can edit content."); // Editor message
} else {
console.log("Welcome, you can view content only."); // Guest message
}इस उदाहरण में हमने userRole नामक एक वेरिएबल बनाई है जो उपयोगकर्ता की भूमिका को दर्शाती है। if स्टेटमेंट यह जाँचती है कि क्या userRole "admin" है। अगर हाँ, तो संबंधित ब्लॉक चलाया जाएगा और एडमिन के लिए संदेश दिखेगा। यदि यह शर्त पूरी नहीं होती, तो else if चेक करती है कि क्या उपयोगकर्ता "editor" है। अंत में, else ब्लॉक बाकी सभी मामलों के लिए लागू होता है, जैसे सामान्य विज़िटर।
स्ट्रिक्ट इकोलिटी ऑपरेटर === का उपयोग यह सुनिश्चित करता है कि मूल्य और प्रकार दोनों मेल खाते हैं, जिससे जावास्क्रिप्ट की टाइप कन्वर्ज़न समस्याओं से बचा जा सके। if-else संरचना कोड को विभिन्न मार्गों में विभाजित करने की अनुमति देती है। पोर्टफोलियो या ब्लॉग में, यह निर्णय ले सकती है कि कौन सा नेविगेशन या कंटेंट दिखाया जाए। लॉजिकल ऑपरेटर && और || का उपयोग करके आप कई शर्तों को एक साथ नियंत्रित कर सकते हैं, जिससे कोड और अधिक लचीला और मजबूत बनता है।
व्यावहारिक उदाहरण
javascript// Practical e-commerce discount system
let userType = "vip"; // Possible values: regular, vip
let purchaseAmount = 250; // Purchase amount in USD
if (userType === "vip" && purchaseAmount > 200) {
console.log("Congratulations! You received a 20% discount."); // VIP with high purchase
} else if (userType === "vip") {
console.log("You get a 10% discount on your next purchase."); // VIP only
} else if (purchaseAmount > 200) {
console.log("You qualified for free shipping."); // High purchase only
} else {
console.log("Shop more to unlock special offers."); // Default encouragement
}यह उदाहरण ई-कॉमर्स परिदृश्य में कंडिशनल स्टेटमेंट्स के वास्तविक उपयोग को दर्शाता है। पहली if शर्त लॉजिकल AND && का उपयोग करती है, यह जांचने के लिए कि क्या उपयोगकर्ता VIP है और खरीद राशि 200 USD से अधिक है। अगर दोनों शर्तें पूरी होती हैं, तो 20% छूट संदेश दिखाया जाता है। दूसरी else if VIP उपयोगकर्ता के लिए है जिनकी खरीद राशि कम है, उन्हें 10% छूट मिलती है। तीसरी else if गैर-VIP उपयोगकर्ताओं के लिए है जिनकी खरीद राशि अधिक है, उन्हें फ्री शिपिंग मिलती है। अंत में else ब्लॉक डिफ़ॉल्ट संदेश देता है, जिससे उपयोगकर्ता को और खरीदारी करने के लिए प्रेरित किया जाता है।
यह उदाहरण दिखाता है कि कैसे कई शर्तों को जोड़कर जटिल व्यापारिक लॉजिक को कुशलता से लागू किया जा सकता है। प्रत्येक कंडिशनल ब्रांच एक निर्णय बिंदु है, जैसे घर में कमरे की व्यवस्था करना या पुस्तकालय में किताबों को श्रेणियों के अनुसार व्यवस्थित करना। स्पष्ट संरचना से कोड पढ़ने में आसान, पुन: प्रयोज्य और परफॉर्मेंस-फ्रेंडली बनता है। शुरुआती लोगों के लिए यह समझना महत्वपूर्ण है कि शर्तों का मूल्यांकन किस क्रम में होता है और विभिन्न परिदृश्यों को console.log के माध्यम से टेस्ट करना चाहिए।
सर्वोत्तम अभ्यास में स्ट्रिक्ट इकोलिटी (=== / !==) का उपयोग, जटिल शर्तों को क्लियर बनाने के लिए ब्रैकेट्स का उपयोग, और रिपीट होने वाले लॉजिक को फंक्शन्स में रखना शामिल है। प्रत्येक कंडिशनल ब्लॉक में कमेंट करना मेंटेनबिलिटी के लिए महत्वपूर्ण है, विशेषकर बड़े प्रोजेक्ट्स में। वेरिएबल्स को पहले validate करना रनटाइम एरर्स से बचाता है।
आम गलतियां हैं: डिफ़ॉल्ट else ब्लॉक छोड़ देना, == का उपयोग करना जिससे अनपेक्षित परिणाम आएँ, बहुत अधिक नेस्टेड कंडीशन्स जिससे कोड पढ़ना कठिन हो जाए, और null या undefined वैरिएबल्स की जांच न करना। डिबगिंग के लिए console.log का उपयोग करें और ब्राउज़र के डिबगिंग टूल्स से प्रोग्राम फ्लो का निरीक्षण करें। सरल शर्तों के साथ शुरू करें और धीरे-धीरे जटिल कंडीशन्स जोड़ें, जिससे कोड स्पष्ट और सही रहे।
📊 त्वरित संदर्भ
| Property/Method | Description | Example |
|---|---|---|
| if | Block executes if condition is true | if(userAge >= 18){console.log("Adult")} |
| else if | Executes if previous condition fails | else if(userAge >= 13){console.log("Teen")} |
| else | Executes if all previous conditions fail | else{console.log("Child")} |
| switch | Executes block based on variable value | switch(day){case "Mon": ...} |
| && | Logical AND, true if multiple conditions are true | if(isVIP && amount>200){...} |
| Logical OR, true if at least one condition is true | if(isVIP | amount>200){...} |
सारांश में, कंडिशनल स्टेटमेंट्स डायनामिक और इंटरएक्टिव जावास्क्रिप्ट एप्लिकेशन के लिए अत्यंत महत्वपूर्ण हैं। ये प्रोग्राम फ्लो को नियंत्रित करने, कंटेंट को पर्सनलाइज़ करने और व्यापारिक लॉजिक लागू करने में मदद करती हैं। if, else, else if, switch और लॉजिकल ऑपरेटरों का मास्टरी आपको स्पष्ट, रखरखाव योग्य और अनुकूलनीय कोड लिखने में सक्षम बनाता है।
ये अवधारणाएँ HTML DOM मैनीपुलेशन के साथ अच्छी तरह से मेल खाती हैं, जिससे डायनामिक पेज अपडेट संभव होते हैं, और बैकएंड कम्युनिकेशन के साथ डेटा-आधारित निर्णय लिए जा सकते हैं। अगले अध्ययन विषयों में फंक्शन्स, इवेंट हैंडलिंग और असिंक्रोनस प्रोग्रामिंग (Promises / async-await) शामिल हैं। नियमित अभ्यास और वास्तविक प्रोजेक्ट्स में इनका उपयोग आपके कौशल को मजबूत करेगा और जावास्क्रिप्ट डेवलपमेंट में दक्षता बढ़ाएगा।
🧠 अपने ज्ञान की परीक्षा करें
अपना ज्ञान परखें
व्यावहारिक प्रश्नों के साथ इस विषय की अपनी समझ का परीक्षण करें।
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी