𝗢𝗯𝗷𝗲𝗰𝘁𝘀 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁
ออบเจกต์ใน JavaScript จะเก็บข้อมูลในรูปแบบคู่คีย์และค่า (key-value pairs) โดยแต่ละคู่จะเรียกว่าพร็อพเพอร์ตี้ (property) คีย์จะเป็นสตริง (string) ส่วนค่าจะเป็นข้อมูลประเภทใดก็ได้ เช่น ตัวเลข (number), สตริง (string) หรือฟังก์ชัน (function)
คุณสามารถสร้างออบเจกต์ได้โดยใช้รูปแบบ object literal โดยใช้เครื่องหมายปีกกา {} ในการเก็บข้อมูลของคุณ
การสร้างออบเจกต์:
- ออบเจกต์ว่าง: let empty = {};
- ออบเจกต์ที่มีข้อมูล: let person = { firstName: 'John', lastName: 'Doe' };
คุณสามารถเข้าถึงพร็อพเพอร์ตี้ได้ 2 วิธี:
Dot notation ใช้เครื่องหมายจุดระหว่างชื่อออบเจกต์และชื่อพร็อพเพอร์ตี้ ตัวอย่าง: person.firstName
Array-like notation ใช้เครื่องหมายก้ามปูและเครื่องหมายคำพูด วิธีนี้จำเป็นหากคีย์ของคุณมีช่องว่าง ตัวอย่าง: address['building no']
กฎที่สำคัญ:
- การใช้จุดกับชื่อพร็อพเพอร์ตี้ที่มีช่องว่างจะทำให้เกิดข้อผิดพลาดทางไวยากรณ์ (syntax error)
- หลีกเลี่ยงการใช้ช่องว่างในชื่อพร็อพเพอร์ตี้เพื่อป้องกันข้อผิดพลาด
- หากคุณพยายามอ่านพร็อพเพอร์ตี้ที่ไม่มีอยู่ คุณจะได้ค่า undefined
คุณสามารถเปลี่ยนแปลงข้อมูลภายในออบเจกต์ได้:
- หากต้องการอัปเดตค่า ให้ใช้ตัวดำเนินการกำหนดค่า (=)
- หากต้องการเพิ่มพร็อพเพอร์ตี้ใหม่ ให้กำหนดค่าให้กับคีย์ใหม่
- หากต้องการลบพร็อพเพอร์ตี้ ให้ใช้ตัวดำเนินการ delete
หากต้องการตรวจสอบว่ามีพร็อพเพอร์ตี้อยู่หรือไม่ ให้ใช้ตัวดำเนินการ in ซึ่งจะคืนค่าเป็น true หากพบคีย์นั้น และคืนค่าเป็น false หากไม่พบ
ตัวอย่าง: 'employeeId' in employee จะคืนค่าเป็น true