Pengantar Pembuatan Tipe Dinamis

Pembuatan tipe dinamis dalam TypeScript memungkinkan Anda mendefinisikan tipe yang beradaptasi berdasarkan tipe atau data lain, sehingga kode Anda menjadi lebih fleksibel dan dapat digunakan kembali.

Hal ini dicapai melalui fitur seperti tipe kondisional, tipe terpetakan, dan tipe akses terindeks.

Apa Itu Pembuatan Tipe Dinamis?

Pembuatan tipe dinamis melibatkan pembuatan tipe baru dengan mengubah atau memanipulasi tipe yang sudah ada, sering kali menggunakan utilitas tipe tingkat lanjut TypeScript.

Menggunakan Tipe Kondisional

Tipe kondisional menggunakan extends untuk mengevaluasi tipe berdasarkan suatu kondisi:

type IsString<T> = T extends string ? 'Yes' : 'No';

// Test cases
type A = IsString<string>; // 'Yes'
type B = IsString<number>; // 'No'

Tipe Terpetakan untuk Pembuatan Tipe Dinamis

Tipe terpetakan melakukan iterasi pada kunci-kunci suatu tipe untuk membuat tipe baru secara dinamis:

type Optional<T> = {
  [K in keyof T]?: T[K];
};

type User = {
  name: string;
  age: number;
};

type OptionalUser = Optional<User>;
// { name?: string; age?: number; }

Menggunakan Tipe Akses Terindeks

Tipe akses terindeks mengambil tipe suatu properti dari tipe lain:

type User = {
  name: string;
  age: number;
};

type UserName = User['name']; // string

Menggabungkan Teknik

Anda dapat menggabungkan tipe kondisional, tipe terpetakan, dan tipe akses terindeks untuk membuat tipe dinamis yang lebih canggih:

type ReadonlyIfString<T> = {
  [K in keyof T]: T[K] extends string ? Readonly<T[K]> : T[K];
};

type User = {
  name: string;
  age: number;
};

type UpdatedUser = ReadonlyIfString<User>;
// { name: Readonly<string>; age: number; }

Kasus Penggunaan Praktis

Pembuatan tipe dinamis berguna untuk:

• Mengadaptasi API secara dinamis berdasarkan masukan pengguna.
• Membuat tipe utilitas yang dapat digunakan kembali dan aman terhadap tipe.
• Mendefinisikan tipe untuk transformasi data.

Tugas Latihan

Buat tipe dinamis yang menandai semua properti tipe Product sebagai opsional jika propertinya bertipe string. Uji tipe tersebut dengan data contoh.

Selamat!

Anda telah mempelajari cara membuat tipe dinamis dalam TypeScript menggunakan tipe kondisional, tipe terpetakan, dan tipe akses terindeks. Latih teknik-teknik ini untuk memanfaatkan sepenuhnya sistem tipe TypeScript!