Enumeraatiot

Tervetuloa seuraavalle oppitunnille! Tällä oppitunnilla opitte käyttämään TypeScriptin enum-tyyppejä. Enumien avulla voitte määritellä joukon nimettyjä vakioita, mikä tekee koodistanne luettavampaa ja helpommin hallittavaa. Tutustutaan aiheeseen!

Enum (lyhenne sanasta enumeration) on tietotyyppi, jonka avulla voitte määritellä joukon nimettyjä vakioita. Enumien avulla toisiinsa liittyvät arvot voidaan ryhmitellä, mikä tekee koodista järjestelmällisempää ja vähentää virheiden riskiä.

Esimerkki: Viikonpäivät voidaan esittää enumilla:

Tehtävä: Luokaa vuoden kuukausille enum ja tulostakaa joitakin arvoja.

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

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

TypeScriptin enumit ovat oletusarvoisesti numeerisia ja alkavat arvosta 0. Enum-jäsenille voi tarvittaessa määrittää mukautettuja arvoja:

Tehtävä: Määritelkää käyttäjärooleille enum (esimerkiksi Admin, Editor ja Viewer), jossa on mukautetut numeeriset arvot.

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

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

TypeScriptin enumit tukevat käänteiskuvausta, jonka avulla enum-jäsenen nimen voi hakea sen arvon perusteella:

Tehtävä: Kokeilkaa käänteiskuvausta oman enuminne avulla.

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

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

TypeScript tukee myös merkkijono-enumeita, joissa kullekin enum-jäsenelle määritetään merkkijonoarvo:

Tehtävä: Luokaa pääväreille merkkijono-enum (esimerkiksi Red, Green ja Blue).

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

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

Enum voi sisältää sekä numeerisia että merkkijonoarvoja, mutta tätä ei yleensä suositella yhdenmukaisuuden vuoksi:

Tehtävä: Määritelkää sekoitettu enum ja tarkastelkaa sen toimintaa editorissa.

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

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

Enumit sopivat erinomaisesti koodin suorituksen kulun hallintaan. Esimerkki:

Tehtävä: Kirjoittakaa funktio, joka ottaa enum-parametrin ja palauttaa viestin.

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."

Tässä on joitakin yleisiä virheitä enumien käytössä:

• Numeeristen enumien käyttäminen tilanteissa, joissa merkkijono-enumit tekisivät koodista selkeämpää.
• Numeeristen ja merkkijonoarvojen sekoittaminen samassa enumissa.
• Enumien käyttämättä jättäminen arvoille, jotka hyötyisivät nimetyistä vakioista.

Vinkki: Valitkaa käyttötapauksen mukaan sopiva enum-tyyppi (numeerinen tai merkkijonoenum).

Onnittelut! Olette oppineet käyttämään TypeScriptin enumeita nimettyjen vakioiden määrittämiseen. Enumit ovat tehokas tapa tehdä koodista luettavampaa ja vähentää virheiden riskiä. Seuraavassa oppitunnissa tutustumme literaalityyppeihin, jotka ovat toinen TypeScriptin edistynyt ominaisuus. Jatketaan koodaamista!