Jenis yang Dipetakan

Tipe yang dipetakan memungkinkan Anda membuat tipe baru dengan mengubah properti yang sudah ada, satu per satu. Mereka dibangun di atas sintaks loop pada kunci menggunakan operator keyof.

type Mapped<T> = {
  [P in keyof T]: T[P];
};

Contoh ini menunjukkan tipe yang dipetakan identik dengan yang asli: contoh ini melakukan iterasi pada setiap kunci P di keyof T dan menetapkan tipe yang sama T[P].

Pengubah Mutabilitas dan Opsionalitas

Kita dapat menambah atau menghapus pengubah seperti readonly dan ? (opsional) dengan mengawalinya dengan + (tambah, default) atau - (hapus).

Misalnya, untuk menghapus opsionalitas dari semua properti suatu tipe (membuatnya wajib):

type Concrete<T> = {
  [P in keyof T]-?: T[P];
};

Pengubah -? menghapus tanda opsionalitas dari setiap properti.

Pemetaan Ulang Kunci dengan as

Di TypeScript 4.1+, Anda dapat memetakan ulang kunci dalam tipe yang dipetakan menggunakan klausa as dan tipe literal templat.

type WriteSetters<T> = {
  [K in keyof T as `set${Capitalize<string & K>}`]: (value: T[K]) => void;
};

Di sini kita mengubah nama setiap properti K menjadi set[CapitalizedKey] dan mengubah tipenya menjadi fungsi penyetel.

Cobalah sendiri

Latihan 1: Membuat Properti Menjadi Nullable

Latihan 2: Menghasilkan Pengambil Dinamis dengan as