Enum-typer

Välkommen till nästa lektion! I den här lektionen får du lära dig om enum i TypeScript. Med enum kan du definiera en uppsättning namngivna konstanter, vilket gör koden mer lättläst och enklare att hantera. Nu går vi vidare!

En enum (en förkortning av enumeration) är en datatyp som låter dig definiera en uppsättning namngivna konstanter. Enum används för att gruppera relaterade värden, vilket gör koden mer organiserad och minskar risken för fel.

Exempel: Veckodagar kan representeras med hjälp av en enum:

Uppgift: Skapa en enum för årets månader och logga några värden.

enum Days {
  Monday,
  Tuesday,
  Wednesday,
  Thursday,
  Friday,
  Saturday,
  Sunday,
}

console.log(Days.Monday); // Output: 0
console.log(Days.Friday); // Output: 4

Enum i TypeScript är numeriska som standard och börjar med 0. Du kan tilldela enum-medlemmar egna värden vid behov:

Uppgift: Definiera en enum för användarroller (till exempel Admin, Editor och Viewer) med egna numeriska värden.

enum Status {
  Active = 1,
  Inactive = 2,
  Pending = 3,
}

console.log(Status.Active); // Output: 1
console.log(Status.Pending); // Output: 3

Enum i TypeScript stöder omvänd mappning, vilket gör att du kan hämta namnet på en enum-medlem utifrån dess värde:

Uppgift: Experimentera med omvänd mappning med hjälp av en egen enum.

enum Colors {
  Red = 1,
  Green,
  Blue,
}

console.log(Colors[1]); // Output: "Red"
console.log(Colors[2]); // Output: "Green"

TypeScript stöder även strängbaserade enum, där varje enum-medlem tilldelas ett strängvärde:

Uppgift: Skapa en strängbaserad enum för primärfärger (till exempel Red, Green och Blue).

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

console.log(Directions.Up); // Output: "UP"
console.log(Directions.Left); // Output: "LEFT"

En enum kan innehålla både numeriska värden och strängvärden, men detta avråds vanligtvis från av konsekvensskäl:

Uppgift: Definiera en blandad enum och observera dess beteende i din editor.

enum Mixed {
  Yes = 1,
  No = "NO",
}

console.log(Mixed.Yes); // Output: 1
console.log(Mixed.No); // Output: "NO"

Enum är utmärkta för att styra flödet i koden. Exempel:

Uppgift: Skriv en funktion som tar emot en enum som parameter och returnerar ett meddelande.

enum Status {
  Active,
  Inactive,
  Pending,
}

function checkStatus(status: Status): string {
  switch (status) {
    case Status.Active:
      return "The status is active.";
    case Status.Inactive:
      return "The status is inactive.";
    case Status.Pending:
      return "The status is pending.";
    default:
      return "Unknown status.";
  }
}

console.log(checkStatus(Status.Active)); // Output: "The status is active."

Här är några vanliga misstag när du använder enum:

• Att använda numeriska enum när strängbaserade enum skulle göra koden tydligare.
• Att blanda numeriska värden och strängvärden i samma enum.
• Att inte använda enum för värden som skulle kunna dra nytta av namngivna konstanter.

Tips: Välj lämplig enumtyp (numerisk eller strängbaserad) utifrån ditt användningsområde.

Grattis! Du har lärt dig hur du använder enum i TypeScript för att definiera namngivna konstanter. Enum är ett kraftfullt sätt att göra koden mer lättläst och minska risken för fel. I nästa lektion ska vi utforska literaltyper, en annan avancerad funktion i TypeScript. Fortsätt koda!