JavaScript Objects: จากพื้นฐานสู่ CRUD
JavaScript objects ใช้สำหรับจัดเก็บข้อมูลและตรรกะ (logic) ไว้ด้วยกัน คุณสามารถใช้พวกมันเพื่อรวบรวมข้อมูลที่เกี่ยวข้องกันไว้ในที่เดียว
ให้ลองนึกภาพว่า object คือสิ่งที่มีอยู่จริงในโลก (entity)
Entity คือสิ่งที่คุณสามารถระบุตัวตนได้ เช่น นักเรียนคือหนึ่งใน entity Object ประกอบด้วยสองส่วน:
- State: สิ่งที่ object มี (เช่น ชื่อ, อายุ)
- Behavior: สิ่งที่ object ทำ (เช่น เรียนหนังสือ, เข้าเรียน)
ในการเขียนโค้ด State จะเรียกว่า property และ Behavior จะเรียกว่า method
วิธีการสร้าง object
คุณมีสองวิธีหลักในการสร้าง object
Object Literal วิธีนี้ใช้เครื่องหมายปีกกา เป็นวิธีที่นิยมใช้มากที่สุด เพราะสั้นและสะอาดตา
let student = { name: "Saravanan", age: 25 };Object Constructor วิธีนี้ใช้ keyword
newlet student = new Object();student.name = "Saravanan";
นักพัฒนาส่วนใหญ่นิยมใช้วิธี literal เพราะอ่านง่ายกว่า
การทำงานแบบ CRUD
คุณสามารถจัดการข้อมูลใน object ได้โดยใช้ 4 การทำงานพื้นฐาน:
- Create: การสร้าง object ใหม่
- Read: การเข้าถึงข้อมูลโดยใช้ dot notation (
student.name) หรือ bracket notation (student["name"]) - Update: การเปลี่ยนค่า (
student.age = 26) - Delete: การลบ property โดยใช้ keyword
delete(delete student.age)
ฟีเจอร์ขั้นสูงของ Object
Methods
Method คือฟังก์ชันที่อยู่ภายใน object คุณสามารถใช้รูปแบบย่อ (shorthand) ในการเขียนได้
let person = { greet() { console.log("Hello"); } };
Nested Objects
Object สามารถเก็บ object อื่นไว้ข้างในได้ ซึ่งเราเรียกว่า nested object
let person = { address: { city: "Chennai", state: "Tamil Nadu" } };
คุณสามารถเข้าถึงได้ดังนี้: person.address.city
Object สามารถเก็บข้อมูลได้หลายประเภท:
- Strings
- Numbers
- Booleans
- Arrays
- Functions
- Other objects
Source: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg