Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट स्विच केस:एक चरण-दर-चरण मार्गदर्शिका

जावास्क्रिप्ट स्विच केस एक से अधिक if else . है बयान। यह एक if स्टेटमेंट की तरह एक सशर्त अभिव्यक्ति लेता है, लेकिन इसमें कई शर्तें हो सकती हैं - या मामले - जो कोड के विभिन्न ब्लॉकों को चलाने के लिए अभिव्यक्ति के परिणाम से मेल खा सकते हैं।


सशर्त बयान प्रोग्रामिंग का एक अनिवार्य हिस्सा हैं और कंप्यूटर प्रोग्राम के प्रवाह को नियंत्रित करने के लिए उपयोग किए जाते हैं। जावास्क्रिप्ट में सशर्त कथन का सबसे सामान्य रूप है “if” और “if...else” कोड ब्लॉक, जिसका उपयोग कोड को चलाने के लिए तभी किया जा सकता है जब कोई निश्चित शर्त या शर्तों का सेट पूरा हो।

जावास्क्रिप्ट में अंतर्निहित एक और सशर्त कथन है जिसका उपयोग कई स्थितियों के विरुद्ध एक अभिव्यक्ति का मूल्यांकन करने के लिए किया जा सकता है:स्विच केस स्टेटमेंट। स्विच केस स्टेटमेंट का उपयोग यह जांचने के लिए किया जा सकता है कि क्या कई मामलों के खिलाफ एक निश्चित शर्त पूरी होती है और कोड के ब्लॉक चलाएगा जहां वह शर्त पूरी होती है।

इस ट्यूटोरियल में, हम चर्चा करने जा रहे हैं कि सशर्त स्टेटमेंट बनाने के लिए जावास्क्रिप्ट स्विच एक्सप्रेशन केस स्टेटमेंट का उपयोग कैसे करें। हम यह भी पता लगाएंगे कि अधिक उन्नत अभिव्यक्ति बनाने के लिए स्विच स्टेटमेंट के साथ कई मामलों का उपयोग कैसे करें।

जावास्क्रिप्ट कंडीशनल स्टेटमेंट रिफ्रेशर

सशर्त विवरण आपको एक निश्चित शर्त पूरी होने पर कोड चलाने की अनुमति देते हैं और यदि वह शर्त पूरी नहीं होती है तो कोड के ब्लॉक को निष्पादित नहीं करते हैं। सशर्त बयान मूल्यांकन करते हैं कि क्या एक सही और गलत बयान के परिणाम के आधार पर कोई शर्त पूरी होती है।

सशर्त विवरण उपयोगी हो सकते हैं यदि आप यह सत्यापित करना चाहते हैं कि किसी उपयोगकर्ता ने ऑर्डर पृष्ठ पर सभी फ़ॉर्म भर दिए हैं, या किसी उपयोगकर्ता को उत्पाद ऑफ़र के बारे में केवल तभी संदेश प्रदर्शित करना चाहते हैं जब वे साइन इन हों।

जावास्क्रिप्ट में, सशर्त कथन का सबसे सामान्य रूप है “if” बयान। “if” कथन मूल्यांकन करते हैं कि कोई कथन सत्य है या गलत, और केवल तभी चलता है जब कथन सत्य का मूल्यांकन करता है। जावास्क्रिप्ट में if कथन का एक उदाहरण यहां दिया गया है:

var age = 17;

if (age >= 16) {
	console.log("You are aged 16 or over!");
}

जब हम अपना कोड चलाते हैं, तो निम्न आउटपुट दिया जाता है:“You are aged 16 or over!”

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

“if” स्टेटमेंट के साथ “else if” . भी आता है बयान जिसका उपयोग कई स्थितियों की जांच के लिए किया जा सकता है। यदि आप जावास्क्रिप्ट के बारे में अधिक जानने में रुचि रखते हैं यदि और अन्य कथन, तो आप "if...else" कथनों पर हमारे ट्यूटोरियल का अनुसरण करके ऐसा कर सकते हैं।

अब जब हम जावास्क्रिप्ट में सशर्त बयानों की मूल बातें जानते हैं, तो हम “switch case” को एक्सप्लोर कर सकते हैं बयान।

जावास्क्रिप्ट स्विच केस

जावास्क्रिप्ट “switch” कथन एक कथन का मूल्यांकन करता है और कोड के एक ब्लॉक को निष्पादित करता है यदि वह कथन सत्य का मूल्यांकन करता है। “switch” कथन “if” . के समान कार्य करते हैं बयानों में वे जाँचते हैं कि क्या कोई कथन सत्य है, और यदि कथन सत्य के बराबर है तो चलाएँ।

“switch” कथन निम्नलिखित सिंटैक्स का उपयोग करके लिखे गए हैं:

switch (statement) {
	case a:
		// Run code
		break;
	case b:
		// Run code
		break;
	default:
		// Run code
		break;
};

यहाँ बहुत कुछ चल रहा है, तो चलिए इसे तोड़ते हैं। हमारे “switch” . को पढ़ते समय हमारा प्रोग्राम इस प्रक्रिया का पालन करेगा बयान:

  • स्विच एक्सप्रेशन का मूल्यांकन तब किया जाता है जब स्टेटमेंट चलाया जाता है।
  • बयान के मूल्य की तुलना प्रत्येक मामले से की जाती है।
  • यदि कोई मामला हमारे कथन से मेल खाता है, तो संबंधित कोड ब्लॉक चलाया जाता है।
  • यदि हमारा कोई भी मामला पूरा नहीं होता है, तो “default” . में कोड केस ब्लॉक निष्पादित होगा।

आइए एक उदाहरण का उपयोग करके यह स्पष्ट करें कि यह क्रिया में कैसे काम करता है। तो, मान लें कि आप एक कॉफी शॉप के मालिक हैं जो एक प्रोग्राम बनाना चाहते हैं ताकि उपयोगकर्ता आपके लोकप्रिय पेय की कीमत आसानी से देख सकें। हमारे उदाहरण में, हम एक उपयोगकर्ता द्वारा चुने गए पेय का मूल्यांकन हमारी कॉफी की सूची में करेंगे, फिर उनके द्वारा चुने गए पेय की कीमत का प्रिंट आउट लेंगे।

यहां वह कोड है जिसका उपयोग हम उपयोगकर्ताओं को आपके लोकप्रिय पेय की कीमत की जांच करने की अनुमति देने के लिए करेंगे:

const drink_name = "Americano";

switch (drink_name) {
	case "Americano":
		console.log("The price of an Americano is $2.60");
		break;
	case "Cappuccino":
		console.log("The price of a cappuccino is $2.75");
		break;
	case "Macchiato":
		console.log("The price of a macchiato is $3.00");
		break;
	case "Espresso":
		console.log("The price of an espresso is $2.40");
		break;
	default:
		console.log("This drink is not available");
}

जब हम अपना प्रोग्राम वेरिएबल “drink_name” . के साथ चलाते हैं “Americano,” . के बराबर निम्नलिखित लौटाया जाता है:

The price of an Americano is $2.60.

अगर हम “drink_name” . सेट करते हैं एक अलग पेय के बराबर होने के लिए, उस पेय के लिए संबंधित मूल्य दिखाई देगा। इसके अलावा, यदि हमने एक अमान्य पेय नाम दर्ज किया होता, तो हमारा कोड हमारे "default” की सामग्री को वापस कर देता। कथन, जो इस मामले में एक संदेश है जो बताता है कि “This drink is not available.”

ध्यान दें कि हम एक “break” . जोड़ते हैं प्रत्येक केस स्टेटमेंट के अंत में कीवर्ड। यदि हम ब्रेक स्टेटमेंट शामिल नहीं करते हैं, तो हमारा प्रोग्राम स्टेटमेंट मिलने के बाद भी उसका मूल्यांकन करता रहेगा। यह अक्षम है, और हम “break case” . का उपयोग करते हैं कीवर्ड यह सुनिश्चित करने के लिए कि जब हमारी अभिव्यक्ति मिलती है, तो हमारा प्रोग्राम मामलों के माध्यम से खोजना बंद कर देता है।

जावास्क्रिप्ट कई मामलों में स्विच करें

हमारे उपरोक्त उदाहरण में, हमने प्रत्येक व्यंजक के लिए एक केस का उपयोग किया था, और प्रत्येक व्यंजक का एक अलग आउटपुट था। लेकिन क्या होगा अगर हम चाहते हैं कि कई मामले एक ही आउटपुट दें?

मान लीजिए कि हमारे बरिस्ता ने मेनू में दो नए पेय जोड़े हैं, और उन पेय की कीमत मैकचीटो के समान है। कोड के अपने ब्लॉक के साथ कई नए मामले लिखने के बजाय, हम इसके बजाय एक से अधिक “case” का उपयोग कर सकते हैं कोड के प्रत्येक ब्लॉक के लिए।

हम उपरोक्त उदाहरण का उपयोग यह समझाने के लिए करने जा रहे हैं कि एकाधिक मामलों का उपयोग कैसे किया जाता है। हालांकि, इस उदाहरण में, हम बदलने जा रहे हैं “The price of [drink name] is [price].” से “The price of this drink is [price].” ताकि हम अपने कंसोल.लॉग () स्टेटमेंट का पुन:उपयोग कर सकें।

हम दो नए पेय, एक लट्टे और मोचा भी जोड़ने जा रहे हैं, प्रत्येक की कीमत $3.00 (मैकचीटो के समान) है।

यहां हमारा संशोधित कोड है जिसमें हमारे नए पेय शामिल हैं:

const drink_name = "Mocha";

switch (drink_name) {
	case "Americano":
		console.log("The price of this drink is $2.60");
		break;
	case "Cappuccino":
		console.log("The price of this drink is $2.75");
		break;
	case "Latte":
	case "Mocha":
	case "Macchiato":
		console.log("The price of this drink is $3.00");
		break;
	case "Espresso":
		console.log("The price of this drink is $2.40");
		break;
	default:
		console.log("This drink is not available");
}

जब हम ऊपर अपना कोड “drink_name” . के साथ चलाते हैं “Mocha,” . के बराबर चर निम्नलिखित प्रतिक्रिया लौटा दी गई है:

The price of this drink is $3.00.

जैसा कि आप देख सकते हैं, हमारे कार्यक्रम ने पाया है कि "मोचा" एक मामले के रूप में सूचीबद्ध है, और इसने संबंधित ब्लॉक में कोड चलाया है।

निष्कर्ष

“switch” सशर्त विवरण का उपयोग अभिव्यक्ति का मूल्यांकन करने के लिए किया जा सकता है और उस अभिव्यक्ति के पूरा होने के आधार पर एक मूल्य वापस कर सकता है। यदि आप एक से अधिक संभावित परिणामों के विरुद्ध किसी कथन का मूल्यांकन करना चाहते हैं तो स्विच स्टेटमेंट उपयोगी होते हैं।

इस ट्यूटोरियल में, हमने जावास्क्रिप्ट में कंडीशनल स्टेटमेंट्स के बेसिक्स पर चर्चा की। फिर हमने यह पता लगाया कि “switch” . का उपयोग कैसे किया जाता है और “case” बयानों और एकाधिक “case” . का उपयोग करने के उदाहरण के माध्यम से चला गया “switch” . में कथन खंड मैथा।

अब आपके पास एक विशेषज्ञ की तरह जावास्क्रिप्ट "स्विच केस" स्टेटमेंट का उपयोग करने के लिए आवश्यक जानकारी है!


  1. जावास्क्रिप्ट ऑनक्लिक:एक चरण-दर-चरण मार्गदर्शिका

    जब कोई उपयोगकर्ता किसी बटन या किसी अन्य वेब तत्व पर क्लिक करता है तो JavaScript ऑनक्लिक ईवेंट एक फ़ंक्शन निष्पादित करता है। इस पद्धति का उपयोग HTML दस्तावेज़ और जावास्क्रिप्ट दस्तावेज़ में इनलाइन दोनों में किया जाता है। जब आप जावास्क्रिप्ट में कोडिंग कर रहे होते हैं, तो जब कोई उपयोगकर्ता वेब पेज

  1. जावास्क्रिप्ट स्विच स्टेटमेंट में सख्त तुलना की व्याख्या करें?

    जावास्क्रिप्ट स्विच स्टेटमेंट केवल सख्त तुलना (===) का उपयोग करता है और अगर सख्त तुलना का उपयोग करके मैच नहीं मिलते हैं तो प्रकार को परिवर्तित नहीं करता है और तुरंत डिफ़ॉल्ट स्टेटमेंट निष्पादित करेगा। जावास्क्रिप्ट स्विच स्टेटमेंट में सख्त तुलना के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html

  1. क्या हमारे पास जावास्क्रिप्ट स्विच स्टेटमेंट में रिटर्न स्टेटमेंट हो सकता है?

    जावास्क्रिप्ट स्विच स्टेटमेंट में रिटर्न स्टेटमेंट हो सकते हैं यदि यह किसी फ़ंक्शन के अंदर मौजूद है। फ़ंक्शन स्विच स्टेटमेंट में मान लौटाएगा और स्विच स्टेटमेंट के बाद कोड निष्पादित नहीं किया जाएगा। जावास्क्रिप्ट स्विच स्टेटमेंट में रिटर्न स्टेटमेंट रखने के लिए कोड निम्नलिखित है - उदाहरण दस्तावेज़ ब