TypeScriptTingkat: Lanjutan7 min

Mapped Types & Key Remapping (as)

Bangun tipe data baru dengan mengiterasi kunci-kunci dari tipe yang sudah ada menggunakan sintaks [K in keyof T] dan remapping nama kunci.

Iterasi Kunci Properti dengan Mapped Types

Pratinjau Terbuka

Mapped types bertindak seperti fungsi .map() namun beroperasi pada tingkat definisi tipe data statis.

Contoh Kode Sintaks
interface Konfigurasi {
  tema: string;
  autoSave: boolean;
  durasiSync: number;
}

// Mengubah semua properti menjadi fungsi getter: { getTema: () => string, ... }
type Getters<T> = {
  [K in keyof T as `get${Capitalize<string & K>}`]: () => T[K];
};

type KonfigurasiGetters = Getters<Konfigurasi>;
// Hasil: { getTema: () => string; getAutoSave: () => boolean; getDurasiSync: () => number; }

Live Compiler Runner

Akses Kursus Wajib Login

Buka Akses Penuh Silabus & Praktikum

Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.

145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi