Tipe Akses keyof dan Terindeks

Selamat Datang

Dasar-Dasar keyof

interface User { id: number; name: string; email: string; }
type UserKeys = keyof User; // 'id' | 'name' | 'email'

Akses Terindeks: T[K]

type IdType = User['id'];   // number
type NameType = User['name']; // string

Akses Properti Dinamis

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}
const name = getProperty(user, 'name'); // string

keyof dengan typeof

const config = { host: 'localhost', port: 3000 };
type ConfigKey = keyof typeof config; // 'host' | 'port'

Gabungan Tipe Terindeks

type NumericValues = User['id' | 'age']; // number | number = number

keyof pada Larik

type ArrKey = keyof string[]; // number | 'length' | 'push' | ...
type Element = string[][number]; // string

Akses Terindeks Rekursif

type Address = { city: string; zip: string };
type Profile = { address: Address };
type City = Profile['address']['city']; // string

Batasan dengan keyof

function setProperty<T, K extends keyof T>(obj: T, key: K, value: T[K]): void {
  obj[key] = value;
}

Tipe Pemetaan Menggunakan keyof

type Readonly2<T> = { readonly [K in keyof T]: T[K] };

keyof dalam Tipe Kondisional

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

Pemeriksaan Singkat

Ringkasan