जावास्क्रिप्ट स्विच स्टेटमेंट्स में महारत: सिंटैक्स, उपयोग के मामले, और व्यावहारिक उदाहरण

By 佐川 直弘 | Naohiro Sagawa (運営者)

※記事内に広告を含みます。Amazonアソシエイトとして適格販売により収入を得ています。　

1. परिचय: स्विच केस क्या है?

जावास्क्रिप्ट में, शर्तीय शाखा (conditional branching) प्रोग्राम के प्रवाह को नियंत्रित करने में महत्वपूर्ण भूमिका निभाती है। इन संरचनाओं में, स्विच स्टेटमेंट एक ऐसा सिंटैक्स है जो कई शर्तों को कुशलतापूर्वक संभालता है।
एक स्विच स्टेटमेंट तब उपयोगी होता है जब आप किसी विशिष्ट मान के आधार पर विभिन्न प्रक्रियाएँ चलाना चाहते हैं। उदाहरण के लिए, यह सप्ताह के दिन के अनुसार अलग‑अलग संदेश दिखाने या उपयोगकर्ता इनपुट के आधार पर विभिन्न क्रियाएँ करने के लिए प्रयोग किया जाता है।

स्विच स्टेटमेंट के उपयोग के मामले

स्विच स्टेटमेंट निम्नलिखित परिदृश्यों में विशेष रूप से प्रभावी है:

• जब आप कई शर्तों को कुशलतापूर्वक प्रोसेस करना चाहते हैं : कई if स्टेटमेंट्स दोहराने के बजाय, स्विच का उपयोग कोड को सरल बनाता है।
• जब आप प्रत्येक शर्त के लिए अलग प्रक्रिया चलाना चाहते हैं : डेटा के आधार पर व्यवहार बदलने में उपयोगी।
• जब आप कोड की पठनीयता बढ़ाना चाहते हैं : इसकी संरचना स्पष्ट होती है और शर्तीय लॉजिक को व्यवस्थित करने में मदद करती है।

स्विच की मुख्य विशेषताएँ

• मान‑आधारित शाखा : स्विच स्टेटमेंट जाँचता है कि अभिव्यक्ति (expression) का मूल्यांकन किया गया परिणाम किसी विशिष्ट मान से मेल खाता है या नहीं।
• ब्रेक के द्वारा नियंत्रण : break स्टेटमेंट अगले केस में गिरने से रोकता है।
• डिफ़ॉल्ट का उपयोग : जब कोई केस मेल नहीं खाता, तब डिफ़ॉल्ट व्यवहार को परिभाषित करता है।

सारांश

स्विच स्टेटमेंट जावास्क्रिप्ट में शर्तीय शाखा को व्यवस्थित करने और कोड की पठनीयता बढ़ाने वाला एक उपयोगी उपकरण है। अगले भाग में हम इसकी बुनियादी सिंटैक्स और ठोस उदाहरणों के साथ उपयोग को समझाएँगे।

2. बुनियादी सिंटैक्स और भूमिकाएँ

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

बुनियादी सिंटैक्स

नीचे स्विच स्टेटमेंट की मूल संरचना दी गई है।

switch (式) {
  case 値1:
    // 値1に一致した場合の処理
    break;
  case 値2:
    // 値2に一致した場合の処理
    break;
  default:
    // どの値にも一致しなかった場合の処理
}

यहाँ प्रत्येक तत्व की व्याख्या की गई है।

सिंटैक्स तत्वों का विवरण

1. switch (expression)

• expression वह मान या गणना किया गया अभिव्यक्ति है जिसे तुलना की जाएगी।

2. case value:

• प्रत्येक केस वह मान निर्दिष्ट करता है जिससे अभिव्यक्ति की तुलना की जाएगी।

3. break;

• break स्टेटमेंट मिलते ही स्विच से बाहर निकलता है, जिससे अगला केस नहीं चलता।

4. default:

• जब कोई केस मेल नहीं खाता, तब निष्पादित होने वाली प्रक्रिया को परिभाषित करता है।

व्यावहारिक उदाहरण

सप्ताह के दिन के आधार पर संदेश दिखाने का एक उदाहरण नीचे दिया गया है।

let day = "月曜日";

switch (day) {
  case "月曜日":
    console.log("週の始まりです。頑張りましょう！");
    break;
  case "金曜日":
    console.log("もうすぐ週末です。");
    break;
  default:
    console.log("通常の日です。");
}

सारांश

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

3. स्विच स्टेटमेंट के व्यावहारिक उदाहरण

यहाँ हम जावास्क्रिप्ट के स्विच स्टेटमेंट को ठोस उदाहरणों के माध्यम से समझाते हैं—बुनियादी से लेकर उन्नत तक—ताकि आप वास्तविक प्रोग्रामिंग में इसका उपयोग देख सकें।

बुनियादी शर्तीय शाखा

उदाहरण 1: सप्ताह के दिन के आधार पर संदेश दिखाना

let day = "水曜日";

switch (day) {
  case "月曜日":
    console.log("今週も頑張りましょう！");
    break;
  case "水曜日":
    console.log("週の半ばです。あと少し！");
    break;
  case "金曜日":
    console.log("週末まであと1日！");
    break;
  default:
    console.log("リラックスできる日です。");
}

कई केसों का समूह बनाना

उदाहरण 2: कार्यदिवस और सप्ताहांत को अलग‑अलग पहचानना

let day = "土曜日";

switch (day) {
  case "月曜日":
  case "火曜日":
  case "水曜日":
  case "木曜日":
  case "金曜日":
    console.log("今日は平日です。");
    break;
  case "土曜日":
  case "日曜日":
    console.log("今日は週末です。");
    break;
  default:
    console.log("無効な曜日です。");
}

स्विच के साथ फ़ंक्शन का संयोजन

उदाहरण 3: उपयोगकर्ता अनुमतियाँ

function getUserPermission(role) {
  switch (role) {
    case "admin":
      return "すべての権限があります。";
    case "editor":
      return "編集権限があります。";
    case "viewer":
      return "閲覧のみ可能です。";
    default:
      return "権限がありません。";
  }
}

console.log(getUserPermission("editor"));

सारांश

इन व्यावहारिक उदाहरणों के माध्यम से, अब आपको स्विच स्टेटमेंट का उपयोग कैसे करें, यह बेहतर समझ में आना चाहिए। अगले भाग में हम “4. switch vs if – आपको कौन सा उपयोग करना चाहिए?” को कवर करेंगे।

4. switch vs if — आपको कौन सा चुनना चाहिए?

जावास्क्रिप्ट में switch और if दोनों शर्तीय शाखा (conditional branching) को प्रोसेस कर सकते हैं, लेकिन उनका उपयोग अलग-अलग तरीके से किया जाता है। उनके अंतर को समझने से आप प्रत्येक स्थिति के लिए सही विकल्प चुन सकते हैं।

बुनियादी अंतर

उदाहरणों के साथ तुलना

उदाहरण 1: स्विच का उपयोग

let color = "赤";

switch (color) {
  case "赤":
    console.log("ストップ！");
    break;
  case "黄":
    console.log("注意！");
    break;
  case "青":
    console.log("進んでください！");
    break;
  default:
    console.log("無効な色です。");
}

उदाहरण 2: if का उपयोग

let score = 85;

if (score >= 90) {
  console.log("評価: A");
} else if (score >= 75) {
  console.log("評価: B");
} else if (score >= 50) {
  console.log("評価: C");
} else {
  console.log("評価: F");
}

सारांश

switch और if के बीच उचित चयन करके, आप प्रभावी कोड लिख सकते हैं। अगले भाग में हम “5. त्रुटियों को रोकने के टिप्स” पर चर्चा करेंगे।

5. त्रुटियों को रोकने के टिप्स

जावास्क्रिप्ट का switch स्टेटमेंट सुविधाजनक है, लेकिन अनुचित उपयोग से बग या अप्रत्याशित व्यवहार हो सकता है। यह भाग त्रुटियों से बचने के मुख्य बिंदुओं को समझाता है।

1. ब्रेक भूलने से फॉल-थ्रू होता है

उदाहरण:

let fruit = "リンゴ";

switch (fruit) {
  case "リンゴ":
    console.log("リンゴが選ばれました。");
  case "バナナ":
    console.log("バナナが選ばれました。");
    break;
  default:
    console.log("その他のフルーツです。");
}

परिणाम:

リンゴが選ばれました。
バナナが選ばれました。

समाधान:

switch (fruit) {
  case "リンゴ":
    console.log("リンゴが選ばれました。");
    break;
  case "バナナ":
    console.log("バナナが選ばれました。");
    break;
  default:
    console.log("その他のフルーツです。");
}

2. डिफ़ॉल्ट को न भूलें

उदाहरण:

let command = "停止";

switch (command) {
  case "開始":
    console.log("システムを起動します。");
    break;
  case "終了":
    console.log("システムを終了します。");
    break;
}

समाधान:

default:
  console.log("無効なコマンドです。");

3. टाइप मिसमैच से सावधान रहें

उदाहरण:

let value = 1;

switch (value) {
  case "1":
    console.log("文字列の1です。");
    break;
  case 1:
    console.log("数値の1です。");
    break;
  default:
    console.log("一致しません。");
}

सारांश

इन टिप्स को अपनाकर, आप त्रुटियों से बच सकते हैं और प्रभावी, रखरखाव योग्य कोड लिख सकते हैं।

6. स्विच के उन्नत तकनीकें

जावास्क्रिप्ट का switch स्टेटमेंट केवल बुनियादी शाखा के लिए ही नहीं, बल्कि अधिक लचीले और उन्नत कार्यान्वयन के लिए भी उपयोग किया जा सकता है।

1. कई केसों को समूहित करना

उदाहरण:

let day = "土曜日";

switch (day) {
  case "月曜日":
  case "火曜日":
  case "水曜日":
  case "木曜日":
  case "金曜日":
    console.log("今日は平日です。");
    break;
  case "土曜日":
  case "日曜日":
    console.log("今日は週末です。");
    break;
  default:
    console.log("無効な曜日です。");
}

2. नेस्टेड स्विच स्टेटमेंट्स

उदाहरण:

let menu = "ドリンク";
let subMenu = "コーヒー";

switch (menu) {
  case "フード":
    switch (subMenu) {
      case "ハンバーガー":
        console.log("ハンバーガーが選ばれました。");
        break;
      default:
        console.log("無効なフードメニューです。");
    }
    break;

  case "ドリンク":
    switch (subMenu) {
      case "コーヒー":
        console.log("コーヒーが選ばれました。");
        break;
      default:
        console.log("無効なドリンクメニューです。");
    }
    break;
}

सारांश

इन उन्नत तकनीकों का उपयोग करके आप जटिल शाखा को अधिक प्रभावी ढंग से संभाल सकते हैं।

7. अक्सर पूछे जाने वाले प्रश्न: सामान्य प्रश्न और समस्या निवारण

कई डेवलपर्स को जावास्क्रिप्ट के स्विच स्टेटमेंट का उपयोग करते समय समान समस्याओं का सामना करना पड़ता है। यहाँ सामान्य प्रश्न और उनके समाधान दिए गए हैं।

Q1: क्या होता है अगर आप ब्रेक भूल जाते हैं?

उदाहरण:

let value = 2;

switch (value) {
  case 1:
    console.log("1が選択されました。");
  case 2:
    console.log("2が選択されました。");
  case 3:
    console.log("3が選択されました。");
}

परिणाम:

2が選択されました。
3が選択されました。

समाधान:

break;

Q2: क्या डिफ़ॉल्ट आवश्यक है?

उदाहरण:

let fruit = "パイナップル";

switch (fruit) {
  case "リンゴ":
    console.log("リンゴが選ばれました。");
    break;
  case "バナナ":
    console.log("バナナが選ばれました。");
    break;
}

समाधान:

default:
  console.log("不明なフルーツです。");

Q3: क्या स्विच रेंज की तुलना कर सकता है?

उदाहरण:

let score = 85;

switch (true) {
  case score >= 90:
    console.log("評価: A");
    break;
  case score >= 75:
    console.log("評価: B");
    break;
  default:
    console.log("評価: F");
}

सारांश

इस FAQ का उपयोग करके त्रुटियों को संभालें और स्विच स्टेटमेंट की समझ को बेहतर बनाएं।

8. कोड नमूने और अभ्यास समस्याएँ

यह अनुभाग स्विच स्टेटमेंट का उपयोग करके नमूना कोड और अभ्यास समस्याएँ प्रदान करता है। उन्हें आज़माएँ ताकि आपकी समझ गहरी हो सके।

1. बुनियादी नमूना कोड

उदाहरण 1: महीने के आधार पर मौसम निर्धारित करें

let month = 3;

switch (month) {
  case 12:
  case 1:
  case 2:
    console.log("冬です。");
    break;
  case 3:
  case 4:
  case 5:
    console.log("春です。");
    break;
  case 6:
  case 7:
  case 8:
    console.log("夏です。");
    break;
  case 9:
  case 10:
  case 11:
    console.log("秋です。");
    break;
  default:
    console.log("無効な月です。");
}

उदाहरण 2: उपयोगकर्ता अनुमतियाँ

let role = "editor";

switch (role) {
  case "admin":
    console.log("すべての権限があります。");
    break;
  case "editor":
    console.log("編集権限があります。");
    break;
  case "viewer":
    console.log("閲覧権限のみあります。");
    break;
  default:
    console.log("権限がありません。");
}

2. अभ्यास समस्याएँ

समस्या 1: कार्यदिवस/सप्ताहांत डिटेक्टर

एक प्रोग्राम बनाएं जो निर्धारित करे कि दिया गया दिन कार्यदिवस है या सप्ताहांत।

समस्या 2: शॉपिंग कार्ट गणना

एक प्रोग्राम बनाएं जो उत्पाद श्रेणी और मात्रा के आधार पर कुल लागत की गणना करे।

समस्या 3: फोन मेनू सिस्टम

एक प्रोग्राम बनाएं जो उपयोगकर्ता के संख्यात्मक इनपुट के आधार पर एक विकल्प प्रिंट करे।

सारांश

इन अभ्यास समस्याओं का उपयोग करके अपने स्विच-स्टेटमेंट कौशल को मजबूत करें।

9. सारांश और भविष्य के अनुप्रयोग

इस लेख ने जावास्क्रिप्ट स्विच स्टेटमेंट की बुनियादी से उन्नत तकनीकों तक एक व्यापक व्याख्या प्रदान की। यहाँ मुख्य बिंदु और आगे सुधार के लिए अगले कदम दिए गए हैं।

1. मुख्य निष्कर्ष

• बुनियादी सिंटैक्स और विशेषताएँ: स्पष्ट शर्तीय लॉजिक लिखने के लिए केस, ब्रेक, और डिफ़ॉल्ट का उपयोग करें।
• if के साथ तुलना: स्विच स्थिर मानों के लिए आदर्श है, जबकि if जटिल शर्तों को संभालता है।
• त्रुटि रोकथाम: बग्स से बचने के लिए ब्रेक, टाइप चेकिंग, और डिफ़ॉल्ट का उपयोग करें।
• उन्नत तकनीकें: लचीले डिज़ाइन के लिए नेस्टिंग, मैपिंग, और डायनेमिक प्रोसेसिंग का उपयोग करें।

2. भविष्य के अनुप्रयोग टिप्स

1. जटिल शर्तीय लॉजिक को अनुकूलित करें

आप कई अभिव्यक्तियों और फ़ंक्शनों को मिलाकर डायनेमिक शर्तों को संभाल सकते हैं।

2. मैपिंग के साथ डायनेमिक प्रोसेसिंग लागू करें

कुशल और स्केलेबल डेटा प्रबंधन के लिए ऑब्जेक्ट्स या मैप्स का उपयोग करें।

const actions = {
  start: () => console.log("システムを起動します。"),
  stop: () => console.log("システムを停止します。"),
  restart: () => console.log("システムを再起動します。"),
};

let command = "restart";
(actions[command] || (() => console.log("無効なコマンドです。")))();

3. इसे स्टेट मैनेजमेंट सिस्टम में लागू करें

आप Redux या Vuex जैसे स्टेट मैनेजमेंट लाइब्रेरीज़ के साथ एप्लिकेशन विकास में स्विच का उपयोग कर सकते हैं।

सारांश

switch statement जावास्क्रिप्ट में शर्तीय लॉजिक का एक सरल लेकिन शक्तिशाली उपकरण है। मूलभूत और उन्नत उपयोग दोनों को समझकर, आप अपने कोड की पठनीयता और रखरखाव क्षमता को काफी हद तक सुधार सकते हैं।
इस लेख को आगे के कौशल विकास के लिए एक आधार के रूप में उपयोग करें।