𝗢𝗯𝗷𝗲𝗰𝘁𝘀 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁
ออบเจกต์ใน JavaScript ใช้สำหรับจัดเก็บข้อมูลที่เกี่ยวข้องกันในรูปแบบคู่ key-value โดยที่แต่ละ key จะทำหน้าที่เป็นตัวระบุที่ไม่ซ้ำกันสำหรับค่า (value) ของมัน
ค่าในออบเจกต์ประกอบด้วย:
- Primitives
- ออบเจกต์อื่นๆ
- ฟังก์ชัน (เรียกว่า methods)
ออบเจกต์สามารถเปลี่ยนแปลงค่าได้ (mutable) คุณสามารถเพิ่ม เปลี่ยนแปลง หรือลบคุณสมบัติ (properties) ได้ตลอดเวลา ซึ่งช่วยให้คุณสามารถจัดกลุ่มข้อมูลและพฤติกรรมเข้าไว้ด้วยกันได้
วิธีการสร้างออบเจกต์มี 2 วิธี:
Object Literals ใช้เครื่องหมายปีกกาเพื่อกำหนดคุณสมบัติโดยตรง ตัวอย่าง: const user = { name: "Vidhya", age: 23, job: "Developer" };
New Object Constructor ใช้ Object() constructor ตัวอย่าง: const user = new Object(); user.name = "Alex"; user.age = 4;
วิธีการทำงานกับออบเจกต์:
- การเข้าถึงข้อมูล: ใช้ dot notation (user.name) หรือ bracket notation (user["name"])
- การแก้ไขข้อมูล: กำหนดค่าคุณสมบัติใหม่ (user.age = 25)
- การเพิ่มข้อมูล: ใช้ dot หรือ bracket notation เพื่อกำหนด key ใหม่
- การลบข้อมูล: ใช้ delete operator
- การตรวจสอบคุณสมบัติ: ใช้ "in" operator หรือ hasOwnProperty() method
- การวนลูป: ใช้ for...in loop เพื่อไล่ดูคุณสมบัติทั้งหมด
- การรวมออบเจกต์: ใช้ Object.assign() หรือ spread syntax (...)
- การนับจำนวนคุณสมบัติ: ใช้ Object.keys()
ควรประกาศออบเจกต์ด้วย const เสมอ เพื่อให้การอ้างอิง (reference) มีความคงที่
ที่มา: https://dev.to/vidhya_murali_5aabe7784bd/objects-in-javascript-5600