𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗢𝗯𝗷𝗲𝗰𝘁𝘀: 𝗧ừ 𝗖ơ 𝗯𝗮̉𝗻 đ𝗲̂́𝗻 𝗖𝗥𝗨𝗗
Các đối tượng JavaScript nhóm các dữ liệu và hàm liên quan lại với nhau. Thay vì sử dụng các biến riêng biệt, bạn sử dụng các cặp khóa-giá trị (key-value pairs).
Hãy nghĩ về một thực thể như một sinh viên. Một đối tượng đại diện cho thực thể này trong mã nguồn của bạn.
Mỗi đối tượng có ba phần:
- Thực thể (Entity): Bản thân sự vật đó (ví dụ: một Sinh viên).
- Trạng thái (State): Những gì đối tượng có (ví dụ: tên, tuổi). Đây là các thuộc tính (properties).
- Hành vi (Behavior): Những gì đối tượng làm (ví dụ: học tập). Đây là các phương thức (methods).
Cách tạo đối tượng:
Object Literal Đây là cách phổ biến nhất. Bạn sử dụng dấu ngoặc nhọn để định nghĩa đối tượng trực tiếp. Cách này ngắn gọn và dễ đọc. let student = { name: "Saravanan", age: 25 };
Object Constructor Bạn sử dụng từ khóa
newđể xây dựng một đối tượng. let student = new Object(); student.name = "Saravanan";
Hầu hết các lập trình viên đều ưu tiên phương pháp literal.
Các thao tác CRUD:
Bạn thực hiện bốn tác vụ cơ bản với dữ liệu đối tượng:
- Create: Định nghĩa một đối tượng mới.
- Read: Truy cập dữ liệu bằng ký pháp dấu chấm (person.name) hoặc ký pháp ngoặc vuông (person["name"]).
- Update: Thay đổi một giá trị hiện có (person.age = 26).
- Delete: Loại bỏ một thuộc tính bằng từ khóa
delete(delete person.age).
Các khái niệm nâng cao:
- Methods: Một hàm nằm bên trong một đối tượng là một phương thức. Bạn có thể sử dụng cú pháp viết tắt để viết chúng.
- Nested Objects: Một đối tượng có thể chứa một đối tượng khác bên trong nó. Điều này giúp bạn tổ chức các dữ liệu phức tạp như địa chỉ.
- Data Types: Đối tượng có thể lưu trữ chuỗi (strings), số (numbers), kiểu logic (booleans), mảng (arrays), hàm (functions) và các đối tượng khác.
Tóm tắt cấu trúc của một đối tượng:
- name: String
- age: Number
- address: Nested Object
- greet: Method (Function)
Nguồn: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg