टाइपस्क्रिप्ट में Enums का चरण-दर-चरण उपयोग कैसे करें

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

एनम क्या है?

enum ("enumeration" का संक्षिप्त रूप) TypeScript में एक विशेष डेटा प्रकार है जो आपको नामित स्थिरांकों का एक सेट परिभाषित करने की अनुमति देता है। ये नामित स्थिरांक संख्यात्मक या स्ट्रिंग मानों का प्रतिनिधित्व कर सकते हैं, जिससे आपका कोड अधिक वर्णनात्मक और कम त्रुटि-प्रवण हो जाता है।

टाइपस्क्रिप्ट में Enums के प्रकार

टाइपस्क्रिप्ट में तीन प्रकार के enums हैं:

  • संख्यात्मक गणनाएँ
  • स्ट्रिंग एनम्स
  • विषम एनम्स

संख्यात्मक गणनाएँ

संख्यात्मक enums TypeScript में डिफ़ॉल्ट हैं। वे नामित मानों का एक सेट हैं जिन्हें स्वचालित रूप से 0 से शुरू होने वाले संख्यात्मक मान या निर्दिष्ट होने पर कस्टम प्रारंभिक मान से असाइन किया जाता है।

मूल संख्यात्मक Enum उदाहरण

नीचे संख्यात्मक enum का एक सरल उदाहरण दिया गया है:

enum Direction {
  Up,
  Down,
  Left,
  Right
}

let move: Direction = Direction.Up;
console.log(move); // Output: 0

इस उदाहरण में, Direction enum में चार सदस्य हैं: Up, Down, Left, और Right। डिफ़ॉल्ट रूप से, Up को 0, Down को 1 मान दिया जाता है, और इसी तरह। आप सदस्यों के लिए कस्टम संख्यात्मक मान भी निर्दिष्ट कर सकते हैं।

कस्टम मानों के साथ संख्यात्मक Enum

आप enum सदस्यों को कस्टम मान निर्दिष्ट कर सकते हैं:

enum Status {
  New = 1,
  InProgress,
  Done = 5,
  Cancelled
}

console.log(Status.New); // Output: 1
console.log(Status.InProgress); // Output: 2
console.log(Status.Done); // Output: 5
console.log(Status.Cancelled); // Output: 6

इस उदाहरण में, New को 1 पर सेट किया गया है, InProgress को स्वचालित रूप से 2 पर सेट किया गया है, Done को 5 पर सेट किया गया है, तथा Cancelled को स्वचालित रूप से 6 पर सेट किया गया है।

स्ट्रिंग एनम्स

स्ट्रिंग एनम्स एक अन्य प्रकार के एनम्स हैं, जहां प्रत्येक सदस्य को एक स्ट्रिंग लिटरल के साथ आरंभीकृत किया जाता है, जिससे वे अधिक पठनीय और डीबग करने में आसान हो जाते हैं।

बेसिक स्ट्रिंग एनम उदाहरण

नीचे स्ट्रिंग एनम का एक उदाहरण दिया गया है:

enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT"
}

let move: Direction = Direction.Left;
console.log(move); // Output: "LEFT"

इस उदाहरण में, प्रत्येक enum सदस्य को एक स्ट्रिंग मान के साथ आरंभीकृत किया जाता है। संख्यात्मक enums के विपरीत, स्ट्रिंग enums में स्वतः-वृद्धि मान नहीं होते हैं।

विषम एनम्स

विषम एनम वे एनम होते हैं जिनमें स्ट्रिंग और संख्यात्मक दोनों सदस्य होते हैं। हालाँकि उन्हें परिभाषित करना संभव है, लेकिन आम तौर पर इसकी अनुशंसा नहीं की जाती है क्योंकि इससे कोड में भ्रम और त्रुटियाँ हो सकती हैं।

विषम Enum उदाहरण

यहाँ एक विषम enum का उदाहरण दिया गया है:

enum MixedEnum {
  Yes = "YES",
  No = 0,
  Maybe = 1
}

console.log(MixedEnum.Yes); // Output: "YES"
console.log(MixedEnum.No); // Output: 0

इस उदाहरण में, MixedEnum में स्ट्रिंग और संख्यात्मक दोनों मान हैं। ऐसे enums का सावधानी से उपयोग करें क्योंकि वे भ्रम पैदा कर सकते हैं।

Enum उपयोग के मामले

Enums विभिन्न परिदृश्यों में सहायक होते हैं:

  • दिशाओं (ऊपर, नीचे, बाएँ, दाएँ) जैसे संबंधित स्थिरांकों के एक समूह का प्रतिनिधित्व करना।
  • स्टेट मशीन में अवस्थाओं को परिभाषित करना (नया, प्रगति पर, पूर्ण, रद्द)।
  • बेहतर पठनीयता के लिए स्विच-केस कथनों में उनका उपयोग करना।

स्विच-केस उदाहरण में Enum

स्विच-केस स्टेटमेंट में एनम्स का उपयोग करने से कोड की पठनीयता में सुधार होता है और स्टेट्स को प्रबंधित करना आसान हो जाता है।

enum Status {
  New,
  InProgress,
  Done,
  Cancelled
}

function getStatusMessage(status: Status): string {
  switch (status) {
    case Status.New:
      return "The task is new.";
    case Status.InProgress:
      return "The task is in progress.";
    case Status.Done:
      return "The task is completed.";
    case Status.Cancelled:
      return "The task is cancelled.";
    default:
      return "Unknown status.";
  }
}

console.log(getStatusMessage(Status.InProgress)); // Output: "The task is in progress."

इस उदाहरण में, enums के उपयोग के कारण स्विच-केस कथन अधिक पठनीय है तथा त्रुटियों की संभावना कम है।

निष्कर्ष

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

लिंक
TypeScript