ชนิดข้อมูลยูทิลิตี

ยินดีต้อนรับสู่บทเรียนถัดไป! ในบทเรียนนี้ คุณจะได้เรียนรู้เกี่ยวกับ ชนิดข้อมูลยูทิลิตี ซึ่งเป็นคุณลักษณะในตัวของ TypeScript ที่ช่วยให้การแปลงชนิดข้อมูลง่ายขึ้นและมีประสิทธิภาพยิ่งขึ้น มาเริ่มกันเลย!

ชนิดข้อมูลยูทิลิตีคืออะไร

ชนิดข้อมูลยูทิลิตีคือชนิดข้อมูลที่ TypeScript เตรียมไว้ล่วงหน้า เพื่อดำเนินการแปลงชนิดข้อมูลที่พบบ่อย เช่น ทำให้พร็อพเพอร์ตีไม่บังคับ ทำให้พร็อพเพอร์ตีเป็นแบบอ่านอย่างเดียว หรือเลือกพร็อพเพอร์ตีเฉพาะจากชนิดข้อมูล

ตัวอย่าง:

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

type PartialUser = Partial<User>;

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

Partial

ชนิดข้อมูลยูทิลิตี Partial ทำให้พร็อพเพอร์ตีทั้งหมดของชนิดข้อมูลไม่บังคับ ตัวอย่าง:

งาน: สร้างชนิดข้อมูลโดยใช้ยูทิลิตี Partial และใช้ชนิดข้อมูลนั้นกำหนดตัวแปร

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

type OptionalUser = Partial<User>;

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

อ่านอย่างเดียว

ชนิดข้อมูลยูทิลิตี Readonly ทำให้คุณสมบัติทั้งหมดของชนิดข้อมูลไม่สามารถเปลี่ยนแปลงได้ ตัวอย่าง:

โจทย์: ใช้ชนิดข้อมูลยูทิลิตี Readonly เพื่อสร้างออบเจ็กต์ที่ไม่สามารถเปลี่ยนแปลงได้

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

เลือก

ชนิดข้อมูลยูทิลิตี Pick เลือกคุณสมบัติเฉพาะจากชนิดข้อมูลหนึ่ง ตัวอย่าง:

โจทย์: ใช้ชนิดข้อมูลยูทิลิตี Pick เพื่อสร้างชนิดข้อมูลที่มีเฉพาะคุณสมบัติที่เลือกไว้

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

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

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

ละเว้น

ชนิดข้อมูลยูทิลิตี Omit ตัดคุณสมบัติเฉพาะออกจากชนิดข้อมูลหนึ่ง ตัวอย่าง:

โจทย์: ใช้ชนิดข้อมูลยูทิลิตี Omit เพื่อตัดคุณสมบัติหนึ่งรายการออกจากชนิดข้อมูล

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

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

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

ระเบียน

ชนิดข้อมูลยูทิลิตี Record สร้างชนิดข้อมูลที่มีชุดคีย์และชนิดข้อมูลที่กำหนดไว้สำหรับค่า ตัวอย่าง:

โจทย์: ใช้ชนิดข้อมูลยูทิลิตี Record เพื่อสร้างการจับคู่ระหว่างคีย์กับค่า

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

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

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

จำเป็น

ชนิดข้อมูลยูทิลิตี Required บังคับให้คุณสมบัติทั้งหมดของชนิดข้อมูลเป็นคุณสมบัติที่จำเป็น ตัวอย่าง:

โจทย์: ใช้ชนิดข้อมูลยูทิลิตี Required เพื่อทำให้คุณสมบัติทั้งหมดเป็นคุณสมบัติที่จำเป็น

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

type FullUser = Required<User>;

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

ทำได้ยอดเยี่ยม

ขอแสดงความยินดี คุณได้เรียนรู้เกี่ยวกับชนิดข้อมูลยูทิลิตีในตัวของ TypeScript ซึ่งรวมถึง Partial, Readonly, Pick, Omit และชนิดข้อมูลอื่น ๆ แล้ว ยูทิลิตีเหล่านี้ช่วยให้การทำงานกับชนิดข้อมูลรวดเร็วและง่ายขึ้น ในบทเรียนถัดไป เราจะเจาะลึกชนิดข้อมูลแบบแมปขั้นสูง มาเขียนโค้ดกันต่อเลย