JavaScript Objects: จากพื้นฐานสู่ CRUD

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: 𝗕𝗮𝘀𝗶𝗰𝘀 𝘁𝗼 𝗖𝗥𝗨𝗗

JavaScript objects จะรวบรวมข้อมูลและฟังก์ชันที่เกี่ยวข้องกันไว้ด้วยกัน แทนที่จะใช้ตัวแปรแยกกัน คุณจะใช้คู่ key-value แทน

ลองนึกถึงเอนทิตี (entity) อย่างเช่น นักเรียน วัตถุ (object) จะเป็นตัวแทนของเอนทิตีนี้ในโค้ดของคุณ

ทุก object ประกอบด้วยสามส่วน:

• Entity: ตัวสิ่งนั้นเอง (เช่น นักเรียน)
• State: สิ่งที่ object มี (เช่น ชื่อ, อายุ) สิ่งเหล่านี้คือ properties
• Behavior: สิ่งที่ object ทำ (เช่น การเรียน) สิ่งเหล่านี้คือ methods

วิธีการสร้าง object:

1. Object Literal นี่คือวิธีที่นิยมใช้มากที่สุด คุณจะใช้เครื่องหมายปีกกาเพื่อกำหนด object โดยตรง ซึ่งสั้นและอ่านง่าย let student = { name: "Saravanan", age: 25 };

2. Object Constructor คุณจะใช้ keyword new เพื่อสร้าง object let student = new Object(); student.name = "Saravanan";

นักพัฒนาส่วนใหญ่นิยมใช้วิธี literal มากกว่า

CRUD Operations:

คุณสามารถทำภารกิจพื้นฐาน 4 อย่างกับข้อมูลใน object ได้แก่:

• Create: กำหนด object ใหม่
• Read: เข้าถึงข้อมูลโดยใช้ dot notation (person.name) หรือ bracket notation (person["name"])
• Update: เปลี่ยนค่าที่มีอยู่เดิม (person.age = 26)
• Delete: ลบ property โดยใช้ keyword delete (delete person.age)

Advanced Concepts:

• Methods: ฟังก์ชันที่อยู่ภายใน object เรียกว่า method คุณสามารถใช้ syntax แบบย่อในการเขียนได้
• Nested Objects: object สามารถเก็บ object อื่นไว้ภายในได้ ซึ่งช่วยให้คุณจัดการข้อมูลที่ซับซ้อนได้ เช่น ที่อยู่
• Data Types: object สามารถเก็บข้อมูลประเภท string, number, boolean, array, function และ object อื่นๆ ได้

สรุปโครงสร้างของ object:

• name: String
• age: Number
• address: Nested Object
• greet: Method (Function)

Source: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg