Union types adalah salah satu fitur kuat dalam TypeScript yang memungkinkan Anda mendefinisikan tipe data yang bisa memiliki beberapa tipe yang berbeda. Ini memberi fleksibilitas dalam penanganan tipe data dalam kode TypeScript Anda. Artikel ini akan membahas apa itu union types, bagaimana cara menggunakannya, dan contoh penggunaan yang berguna.

Apa Itu Union Types?

Union types memungkinkan Anda untuk mendefinisikan variabel, parameter fungsi, atau tipe data lainnya yang bisa memiliki lebih dari satu tipe data yang berbeda. Tipe data ini dipisahkan oleh operator |. Dengan union types, Anda memberikan informasi kepada TypeScript bahwa variabel tersebut dapat memiliki salah satu dari beberapa tipe yang Anda tentukan.

Cara Menggunakan Union Types

Dalam TypeScript, Anda dapat menggunakan union types dengan cara yang sangat sederhana. Anda cukup mendefinisikan tipe data dengan menggunakan operator | antara tipe-tipe yang ingin Anda tambahkan dalam union. Berikut adalah contoh sederhana penggunaan union types:

function printId(id: number | string) {
  console.log(id);
}

let userId: number | string;
userId = 123;
printId(userId); // Output: 123

userId = "abc";
printId(userId); // Output: "abc"

Pada contoh di atas, kita mendefinisikan parameter id dalam fungsi printId sebagai union types yang bisa berisi tipe number atau string. Kemudian, kita mendefinisikan variabel userId sebagai union types yang bisa berisi tipe number atau string, dan kita bisa mengisi nilainya dengan tipe data apa pun dari kedua tipe tersebut.

Keuntungan Union Types

Union types memberikan sejumlah keuntungan dalam pengembangan aplikasi TypeScript:

1. Fleksibilitas: Union types memberikan fleksibilitas dalam menangani kasus di mana variabel dapat memiliki beberapa tipe yang berbeda. Ini sangat berguna ketika Anda ingin menangani data yang bervariasi, seperti tipe data input pengguna.

2. Kode yang Lebih Jelas: Dengan union types, Anda bisa lebih jelas dalam mendefinisikan tipe data yang diperbolehkan dalam suatu konteks, sehingga membuat kode lebih mudah dibaca dan dimengerti.

3. Pencegahan Kesalahan: Union types membantu mencegah kesalahan saat penggunaan variabel dengan tipe yang tidak sesuai. Jika Anda mencoba menggabungkan tipe yang tidak diizinkan, TypeScript akan memberikan pesan kesalahan.

Contoh Penggunaan Union Types

Selain contoh di atas, berikut adalah beberapa contoh penggunaan union types yang berguna:

Tipe Data untuk Variabel dengan Banyak Pilihan

type Status = "Active" | "Inactive" | "Pending";

function setStatus(userId: number, status: Status) {
  // Implementasi fungsi
}

Pada contoh ini, Status adalah union types yang dapat berisi salah satu dari tiga nilai string: "Active", "Inactive", atau "Pending".

Tipe Data untuk Variabel dengan Nilai Default

type Name = string | null;

function getUserName(userId: number): Name {
  // Implementasi fungsi
}

Pada contoh ini, tipe Name adalah union types yang dapat berisi tipe data string atau null, sehingga variabel ini dapat memiliki nilai string atau null sebagai nilai default.

Kesimpulan

Union types adalah fitur yang sangat berguna dalam TypeScript untuk menangani tipe data yang bisa memiliki beberapa nilai yang berbeda. Ini memberikan fleksibilitas, kejelasan, dan membantu mencegah kesalahan dalam kode Anda. Dengan pemahaman yang baik tentang union types, Anda dapat membuat kode yang lebih kuat dan mudah dipahami dalam pengembangan aplikasi TypeScript Anda.