บทนำสู่ตัวดำเนินการคีย์ออฟและชนิดสำหรับค้นหา

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

สิ่งเหล่านี้ทำให้โค้ดยืดหยุ่นและนำกลับมาใช้ซ้ำได้มากขึ้น โดยช่วยให้คุณอ้างอิงและดึงชนิดจากออบเจ็กต์

ตัวดำเนินการ keyof คืออะไร

ตัวดำเนินการ keyof สร้างชนิดที่ประกอบด้วยคีย์ทั้งหมดของชนิดออบเจ็กต์

ตัวอย่าง:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

ชนิดสำหรับค้นหาคืออะไร

ชนิดสำหรับค้นหาใช้วงเล็บเหลี่ยม [] เพื่อดึงชนิดของคุณสมบัติเฉพาะจากออบเจ็กต์

ตัวอย่าง:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

การใช้ keyof ร่วมกับชนิดสำหรับค้นหา

คุณสามารถใช้ keyof และชนิดสำหรับค้นหาร่วมกันเพื่อสร้างข้อจำกัดชนิดที่ปรับเปลี่ยนได้และนำกลับมาใช้ซ้ำได้

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

กรณีการใช้งาน keyof และชนิดสำหรับค้นหา

กรณีการใช้งานทั่วไปมีดังนี้:

• การสร้างส่วนติดต่อโปรแกรมแบบไดนามิก
• การเข้าถึงคุณสมบัติในออบเจ็กต์อย่างปลอดภัยด้านชนิด
• การเพิ่มความยืดหยุ่นให้โค้ดด้วยข้อจำกัดชนิด

ตัวอย่างการใช้งานจริง

ตัวอย่างการใช้งานจริงที่รวม keyof และชนิดสำหรับค้นหาเข้าด้วยกันมีดังนี้:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

ประโยชน์ของการใช้ keyof และชนิดสำหรับค้นหา

ฟีเจอร์เหล่านี้มีประโยชน์ดังนี้:

• การเข้าถึงคุณสมบัติแบบไดนามิกพร้อมความปลอดภัยด้านชนิด
• โค้ดที่นำกลับมาใช้ซ้ำได้และขยายขนาดได้
• การป้องกันข้อผิดพลาดที่ดีขึ้นขณะคอมไพล์

แบบฝึกหัด

สร้างฟังก์ชันโดยใช้ keyof และชนิดสำหรับค้นหาเพื่อเข้าถึงคุณสมบัติจากออบเจ็กต์ผู้ใช้แบบไดนามิก ลองทำดู

ขอแสดงความยินดี

คุณได้เรียนรู้วิธีใช้ keyof และชนิดสำหรับค้นหาเพื่อทำให้โค้ดเป็นแบบไดนามิกและปลอดภัยด้านชนิดแล้ว ขอให้ฝึกฝนต่อไปเพื่อเชี่ยวชาญฟีเจอร์ขั้นสูงเหล่านี้ของ TypeScript