Đối tượng JavaScript: Từ cơ bản đến CRUD
Các đối tượng JavaScript lưu trữ dữ liệu và logic cùng nhau. Bạn sử dụng chúng để nhóm các thông tin liên quan vào một nơi.
Hãy coi một đối tượng như một thực thể trong thế giới thực.
Một thực thể là một thứ mà bạn có thể nhận diện được. Một sinh viên là một thực thể. Một đối tượng có hai phần:
- Trạng thái (State): Những gì đối tượng có. (Tên, Tuổi)
- Hành vi (Behavior): Những gì đối tượng làm. (Học tập, Tham gia lớp học)
Trong mã nguồn, trạng thái được gọi là một thuộc tính (property). Hành vi được gọi là một phương thức (method).
Cách tạo đối tượng
Bạn có hai cách chính để xây dựng một đối tượng.
1. Object Literal
Cách này sử dụng dấu ngoặc nhọn. Đây là phương pháp phổ biến nhất. Nó ngắn gọn và sạch sẽ.
let student = { name: "Saravanan", age: 25 };
2. Object Constructor
Cách này sử dụng từ khóa new.
let student = new Object();
student.name = "Saravanan";
Hầu hết các lập trình viên đều sử dụng phương pháp literal vì nó dễ đọc hơn.
Các thao tác CRUD
Bạn quản lý dữ liệu trong các đối tượng bằng bốn hành động cơ bản:
- Create (Tạo): Định nghĩa một đối tượng mới.
- Read (Đọc): Truy cập dữ liệu bằng ký pháp dấu chấm (
student.name) hoặc ký pháp dấu ngoặc vuông (student["name"]). - Update (Cập nhật): Thay đổi một giá trị (
student.age = 26). - Delete (Xóa): Xóa một thuộc tính bằng từ khóa
delete(delete student.age).
Các tính năng nâng cao của đối tượng
Phương thức (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ách viết tắt để viết chúng.
let person = { greet() { console.log("Hello"); } };
Đối tượng lồng nhau (Nested Objects)
Một đối tượng có thể chứa một đối tượng khác. Đây gọi là một đối tượng lồng nhau.
let person = { address: { city: "Chennai", state: "Tamil Nadu" } };
Bạn truy cập nó như thế này: person.address.city.
Đối tượng có thể lưu trữ nhiều kiểu dữ liệu:
- Chuỗi (Strings)
- Số (Numbers)
- Boolean (Booleans)
- Mảng (Arrays)
- Hàm (Functions)
- Các đối tượng khác (Other objects)
Source: https://dev.to/dev_saravanan_journey/javascript-objects-from-basics-to-crud-operations-46bg