𝗢𝗯𝗷𝗲𝗸 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁: 𝗔𝘀𝗮𝘀 𝗸𝗲𝗽𝗮𝗱𝗮 𝗖𝗥𝗨𝗗
Objek JavaScript mengumpulkan data dan fungsi yang berkaitan secara bersama-sama. Daripada menggunakan pemboleh ubah yang berasingan, anda menggunakan pasangan kunci-nilai (key-value pairs).
Bayangkan satu entiti seperti seorang pelajar. Sebuah objek mewakili entiti ini dalam kod anda.
Setiap objek mempunyai tiga bahagian:
- Entiti: Perkara itu sendiri (contohnya, seorang Pelajar).
- Keadaan (State): Apa yang dimiliki oleh objek tersebut (contohnya, nama, umur). Ini adalah sifat (properties).
- Tingkah laku (Behavior): Apa yang dilakukan oleh objek tersebut (contohnya, belajar). Ini adalah kaedah (methods).
Cara untuk mencipta objek:
Literal Objek Ini adalah cara yang paling biasa. Anda menggunakan kurungan beralun
{}untuk mentakrifkan objek secara terus. Ia ringkas dan mudah dibaca.let student = { name: "Saravanan", age: 25 };Pembina Objek (Object Constructor) Anda menggunakan kata kunci
newuntuk membina sebuah objek.let student = new Object();student.name = "Saravanan";
Kebanyakan pembangun lebih gemar menggunakan kaedah literal.
Operasi CRUD:
Anda melakukan empat tugas asas dengan data objek:
- Cipta (Create): Takrifkan objek baharu.
- Baca (Read): Akses data menggunakan notasi titik (
person.name) atau notasi kurungan (person["name"]). - Kemas Kini (Update): Ubah nilai sedia ada (
person.age = 26). - Padam (Delete): Buang satu sifat menggunakan kata kunci
delete(delete person.age).
Konsep Lanjutan:
- Kaedah (Methods): Fungsi di dalam sebuah objek adalah satu kaedah. Anda boleh menggunakan sintaks ringkas untuk menulisnya.
- Objek Bersarang (Nested Objects): Sebuah objek boleh menyimpan objek lain di dalamnya. Ini membantu anda menyusun data yang kompleks seperti alamat.
- Jenis Data (Data Types): Objek boleh menyimpan rentetan (strings), nombor, boolean, tatasusunan (arrays), fungsi, dan objek lain.
Ringkasan struktur objek:
- name: String
- age: Number
- address: Objek Bersarang (Nested Object)
- greet: Kaedah (Method/Function)
Sumber: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg