TypeScript Academy · Pelajaran

Pemetaan Ulang Kunci dengan as dalam Tipe Terpetakan

Ganti nama kunci selama transformasi tipe.

Pelajaran 4 dari 413 langkah

Pemetaan Ulang Kunci dengan as dalam Tipe Terpetakan adalah pelajaran TypeScript Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. 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 4 pelajaran total.

Selamat Datang

TypeScript 4.1 menambahkan klausa `as` dalam tipe pemetaan, sehingga Anda dapat memetakan ulang (mengganti nama) kunci sebagai bagian dari transformasi tipe.

Pemetaan Ulang Kunci Dasar

Tambahkan `as NewKeyType` setelah variabel kunci untuk memetakan ulang ke nama kunci baru.
type Prefixed<T> = {
  [K in keyof T as `prefix_${string & K}`]: T[K]
};
type P = Prefixed<{ name: string }>;
// { prefix_name: string }

Memfilter Kunci dengan never

Kembalikan never dari klausa `as` untuk menghapus kunci tersebut dari tipe hasil.
type OnlyStrings<T> = {
  [K in keyof T as T[K] extends string ? K : never]: T[K]
};

Membuat Nama Metode Pengambil

Gunakan Capitalize dengan tipe literal templat untuk membuat nama metode pengambil.
type Getters<T> = {
  [K in keyof T as `get${Capitalize<string & K>}`]: () => T[K]
};
type UserGetters = Getters<{ name: string; age: number }>;
// { getName: () => string; getAge: () => number }

Membuat Nama Metode Penyetel

Dengan cara yang sama, buat nama metode penyetel untuk properti suatu tipe.
type Setters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (val: T[K]) => void
};

Membalik Tipe Record

Tukarkan kunci dan nilai menggunakan pemetaan ulang kunci.
type Invert<T extends Record<string, string>> = {
  [K in keyof T as T[K]]: K
};

Pemetaan Ulang Kunci Kondisional

Terapkan transformasi kunci yang berbeda berdasarkan tipe nilai.
type MethodKeys<T> = {
  [K in keyof T as T[K] extends Function ? K : never]: T[K]
};

Menggabungkan dengan Literal Templat

Gunakan tipe literal templat dalam pemetaan ulang untuk membuat kunci bernama ruang nama.
type Namespaced<T, NS extends string> = {
  [K in keyof T as `${NS}::${string & K}`]: T[K]
};

Memetakan Kunci Simbol

Dengan pemetaan ulang kunci, Anda juga dapat bekerja dengan kunci simbol.

Praktik: Tipe FormData

Turunkan objek formulir dengan nilai string dari model data bertipe.
type FormFields<T> = {
  [K in keyof T as K extends string ? K : never]: string
};

Menggabungkan as dengan Tipe Kondisional

Pemetaan ulang kunci dan tipe kondisional dapat digabungkan untuk membuat transformasi tipe yang sangat ekspresif.

Pemeriksaan Singkat

Apa yang terjadi pada kunci tersebut jika `never` dikembalikan dari klausa `as` dalam tipe terpetakan?

Ringkasan

Klausa `as` dalam tipe terpetakan memungkinkan Anda mengganti nama, memfilter (melalui never), dan mentransformasi kunci menggunakan literal templat serta kondisi. Fitur ini memungkinkan pola yang kuat, seperti pembuatan metode pengambil/penyetel dan pemfilteran properti berdasarkan tipe nilai.
Gratis untuk memulai

Belajar TypeScript dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus
101
Pelajaran
352

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pemetaan Ulang Kunci dengan as dalam Tipe Terpetakan” gratis?

Ya — teks lengkap “Pemetaan Ulang Kunci dengan as dalam Tipe Terpetakan” 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 4 pelajaran total.

Apa yang akan aku pelajari di “Pemetaan Ulang Kunci dengan as dalam Tipe Terpetakan”?

Ganti nama kunci selama transformasi tipe. 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 4 dari 4.

Berapa lama pelajaran “Pemetaan Ulang Kunci dengan as dalam Tipe Terpetakan” 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

  1. Tipe Terpetakan: Mengubah Tipe Objek
  2. Pengubah dalam Tipe Terpetakan: readonly dan ?
  3. Tipe Literal Templat: Pola String
  4. Pemetaan Ulang Kunci dengan as dalam Tipe Terpetakan
← Kembali ke TypeScript Academy