Pengantar keyof dan Tipe Pencarian

keyof dan tipe pencarian dalam TypeScript memungkinkan Anda bekerja secara dinamis dengan kunci dan properti dari tipe yang sudah ada.

Keduanya membuat kode Anda lebih fleksibel dan dapat digunakan kembali dengan memungkinkan Anda merujuk serta mengekstrak tipe dari objek.

Apa Itu keyof?

Operator keyof membuat tipe yang terdiri dari semua kunci suatu tipe objek.

Contoh:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

Apa Itu Tipe Pencarian?

Tipe pencarian menggunakan kurung siku [] untuk mengambil tipe properti tertentu dari suatu objek.

Contoh:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

Menggabungkan keyof dan Tipe Pencarian

Anda dapat menggunakan keyof dan tipe pencarian bersama-sama untuk membuat batasan tipe yang dinamis dan dapat digunakan kembali.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Kasus Penggunaan keyof dan Tipe Pencarian

Kasus penggunaan yang umum meliputi:

• Membuat API dinamis.
• Mengakses properti objek dengan keamanan tipe.
• Meningkatkan fleksibilitas kode dengan batasan tipe.

Contoh Praktis

Berikut contoh praktis yang menggabungkan keyof dan tipe pencarian:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

Manfaat Menggunakan keyof dan Tipe Pencarian

Fitur-fitur ini memberikan:

• Akses properti dinamis dengan keamanan tipe.
• Kode yang dapat digunakan kembali dan diskalakan.
• Pencegahan kesalahan yang lebih baik saat kompilasi.

Tugas Latihan

Buat fungsi menggunakan keyof dan tipe pencarian untuk mengakses properti secara dinamis dari objek pengguna. Cobalah!

Selamat!

Anda telah mempelajari cara menggunakan keyof dan tipe pencarian untuk membuat kode Anda dinamis dan aman secara tipe. Teruslah berlatih agar menguasai fitur-fitur canggih TypeScript ini!