Tipe akses keyof/terindeks (pengantar)
Gunakan keyof untuk membuat union nama properti dan tipe akses terindeks (T[K] / T["prop"]) untuk membaca tipe properti dengan aman.
Tipe akses keyof/terindeks (pengantar) adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar TypeScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus TypeScript Academy mencakup 3 pelajaran total.
Pendahuluan
Tujuan: Bangun pembantu yang lebih aman menggunakan keyof (union nama properti) dan indexed access (T[K]) untuk membaca tipe properti.
keyof
keyof menghasilkan union nama properti suatu tipe (misalnya, "id" | "name" | "email").
interface User {
id: number;
name: string;
email?: string;
}
type UserKeys = keyof User; // "id" | "name" | "email"keyof typeof
Gunakan keyof typeof untuk mendapatkan kunci dari sebuah nilai (objek) saat mengetik parameter.
const SETTINGS = {
theme: "dark",
lang: "en",
} as const;
type SettingKey = keyof typeof SETTINGS; // "theme" | "lang"Akses terindeks
Akses terindeks mengembalikan tipe sebuah properti: User["name"] adalah string.
interface User {
id: number;
name: string;
email?: string;
}
type NameType = User["name"]; // string
Pembantu getProperty
Gabungkan keyof dengan K extends keyof T untuk membatasi kunci dan mengembalikan tipe T[K] yang tepat.
function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
return obj[key];
}
const u = { id: 1, name: "Ada" };
const v1 = getProperty(u, "name"); // string
const v2 = getProperty(u, "id"); // number
console.log(v1.toUpperCase(), v2.toFixed(0));Tips
Tips:
- Utamakan keyof typeof untuk kunci dari objek.
- Gunakan T[K] untuk mencerminkan tipe properti tanpa menduplikasi model.
- Hindari kunci bertipe string; manfaatkan union demi keamanan.
Pemeriksaan akses terindeks
Pemeriksaan singkat: Apa yang direpresentasikan oleh T[K]?
Rangkuman
Rangkuman: keyof menghasilkan union kunci; keyof typeof memperoleh kunci dari nilai; T[K] membaca tipe properti—sempurna untuk pembantu yang aman.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Tipe akses keyof/terindeks (pengantar)” gratis?
Ya — teks lengkap “Tipe akses keyof/terindeks (pengantar)” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus TypeScript Academy, upgrade ke CoddyKit PRO. Kursus TypeScript Academy mencakup 3 pelajaran total.
Apa yang akan aku pelajari di “Tipe akses keyof/terindeks (pengantar)”?
Gunakan keyof untuk membuat union nama properti dan tipe akses terindeks (T[K] / T["prop"]) untuk membaca tipe properti dengan aman. Kamu berlatih TypeScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai TypeScript Academy?
Tidak diperlukan pengalaman sebelumnya. TypeScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.
Berapa lama pelajaran “Tipe akses keyof/terindeks (pengantar)” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran TypeScript Academy ini?
Ya. Setiap pelajaran TypeScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Fungsi generik & batasan (extends, parameter bawaan)
- Partial, Readonly, Record, Pick, Omit
- Tipe akses keyof/terindeks (pengantar)