Enumerasi

Selamat datang di pelajaran berikutnya! Dalam pelajaran ini, Anda akan mempelajari enumerasi di TypeScript. Enumerasi memungkinkan Anda mendefinisikan sekumpulan konstanta bernama sehingga kode Anda lebih mudah dibaca dan dikelola. Mari kita pelajari!

Apa Itu Enumerasi?

Enumerasi adalah tipe data yang memungkinkan Anda mendefinisikan sekumpulan konstanta bernama. Enumerasi digunakan untuk mengelompokkan nilai-nilai yang berkaitan sehingga kode Anda lebih teratur dan lebih kecil kemungkinannya mengalami kesalahan.

Contoh: Enumerasi Days dapat merepresentasikan hari-hari dalam seminggu:

Tugas: Buat enumerasi untuk bulan-bulan dalam setahun dan gunakan log untuk mencatat beberapa nilai.

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

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

Enumerasi Angka

Enumerasi dalam TypeScript secara bawaan menggunakan angka, dimulai dari 0. Anda dapat menetapkan nilai khusus kepada anggota enumerasi jika diperlukan:

Tugas: Definisikan enumerasi untuk peran pengguna (misalnya, Administrator, Penyunting, Penampil) dengan nilai angka khusus.

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

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

Pemetaan Balik

Enumerasi TypeScript mendukung pemetaan balik, sehingga Anda dapat memperoleh nama anggota enumerasi dari nilainya:

Tugas: Bereksperimenlah dengan pemetaan balik menggunakan enumerasi Anda sendiri.

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

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

Enumerasi Teks

TypeScript juga mendukung enumerasi teks, yang setiap anggotanya diberi nilai teks:

Tugas: Buat enumerasi teks untuk warna-warna primer (misalnya, Merah, Hijau, Biru).

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

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

Enumerasi Heterogen

Enumerasi dapat berisi nilai angka dan teks, tetapi hal ini umumnya tidak disarankan demi konsistensi:

Tugas: Definisikan enumerasi campuran dan amati perilakunya di penyunting Anda.

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

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

Menggunakan Enumerasi dalam Fungsi

Enumerasi sangat berguna untuk mengendalikan alur kode Anda. Contoh:

Tugas: Tulis fungsi yang menerima enumerasi sebagai parameter dan mengembalikan pesan.

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

Kesalahan Umum

Berikut beberapa kesalahan umum saat menggunakan enumerasi:

• Menggunakan enumerasi angka ketika enumerasi teks akan membuat kode lebih jelas.
• Mencampurkan nilai angka dan teks dalam enumerasi yang sama.
• Tidak menggunakan enumerasi untuk nilai yang dapat memperoleh manfaat dari konstanta bernama.

Tips: Pilih jenis enumerasi yang sesuai (angka atau teks) berdasarkan kasus penggunaan Anda.

Bagus Sekali!

Selamat! Anda telah mempelajari cara menggunakan enumerasi di TypeScript untuk mendefinisikan konstanta bernama. Enumerasi merupakan cara yang ampuh untuk membuat kode Anda lebih mudah dibaca dan lebih kecil kemungkinannya mengalami kesalahan. Pada pelajaran berikutnya, kita akan mempelajari tipe literal, fitur lanjutan lain dari TypeScript. Mari terus menulis kode!