Tipe Utilitas

Selamat datang di pelajaran berikutnya! Dalam pelajaran ini, Anda akan mempelajari tipe utilitas, fitur bawaan TypeScript yang menyederhanakan dan meningkatkan transformasi tipe. Mari kita mulai!

Apa Itu Tipe Utilitas?

Tipe utilitas adalah tipe yang telah ditentukan sebelumnya dan disediakan oleh TypeScript untuk melakukan transformasi tipe umum, seperti menjadikan properti opsional atau hanya-baca, maupun memilih properti tertentu dari sebuah tipe.

Contoh:

type User = {
  name: string;
  age: number;
  email: string;
};

type PartialUser = Partial<User>;

let user: PartialUser = { name: "Alice" }; 
// Only 'name' is provided

Partial

Tipe utilitas Partial menjadikan semua properti dari sebuah tipe bersifat opsional. Contoh:

Tugas: Buat tipe dengan utilitas Partial dan gunakan tipe tersebut untuk menentukan sebuah variabel.

type User = {
  name: string;
  age: number;
};

type OptionalUser = Partial<User>;

let user: OptionalUser = { name: "Bob" }; 
// 'age' is optional

Hanya Baca

Tipe utilitas Readonly membuat semua properti suatu tipe tidak dapat diubah. Contoh:

Tugas: Gunakan tipe utilitas Readonly untuk membuat objek yang tidak dapat diubah.

type User = {
  name: string;
  age: number;
};

type ReadonlyUser = Readonly<User>;

let user: ReadonlyUser = { name: "Alice", age: 25 };
// user.age = 30; 
// Error: Cannot assign to 'age' because it is a read-only property

Pilih

Tipe utilitas Pick memilih properti tertentu dari suatu tipe. Contoh:

Tugas: Gunakan tipe utilitas Pick untuk membuat tipe yang hanya berisi properti yang dipilih.

type User = {
  name: string;
  age: number;
  email: string;
};

type UserNameAndEmail = Pick<User, "name" | "email">;

let user: UserNameAndEmail = { name: "Alice", email: "alice@example.com" };

Hilangkan

Tipe utilitas Omit mengecualikan properti tertentu dari suatu tipe. Contoh:

Tugas: Gunakan tipe utilitas Omit untuk mengecualikan sebuah properti dari suatu tipe.

type User = {
  name: string;
  age: number;
  email: string;
};

type UserWithoutEmail = Omit<User, "email">;

let user: UserWithoutEmail = { name: "Bob", age: 30 };

Pemetaan

Tipe utilitas Record membuat tipe dengan sekumpulan kunci dan tipe yang ditentukan untuk nilainya. Contoh:

Tugas: Gunakan tipe utilitas Record untuk membuat pemetaan antara kunci dan nilai.

type Role = "admin" | "user" | "guest";

type Permissions = Record<Role, string[]>;

let rolePermissions: Permissions = {
  admin: ["read", "write", "delete"],
  user: ["read", "write"],
  guest: ["read"],
};

Wajib

Tipe utilitas Required membuat semua properti suatu tipe menjadi wajib. Contoh:

Tugas: Gunakan tipe utilitas Required untuk membuat semua properti menjadi wajib.

type User = {
  name?: string;
  age?: number;
};

type FullUser = Required<User>;

let user: FullUser = { name: "Alice", age: 30 }; 
// Both 'name' and 'age' are required

Kerja Bagus!

Selamat! Anda telah mempelajari tipe utilitas bawaan TypeScript, termasuk Partial, Readonly, Pick, Omit, dan lainnya. Utilitas ini membuat pekerjaan dengan tipe menjadi lebih cepat dan mudah. Pada pelajaran berikutnya, kita akan membahas tipe terpetakan tingkat lanjut. Mari terus menulis kode!