Đối tượng trong JavaScript
Các đối tượng JavaScript lưu trữ dữ liệu dưới dạng các cặp khóa-giá trị (key-value). Bạn gọi mỗi cặp là một thuộc tính (property).
Khóa (key) là một chuỗi. Giá trị (value) có thể là bất cứ thứ gì. Nó có thể là một chuỗi, một số, một mảng hoặc một hàm.
Tạo đối tượng
Bạn sử dụng ký pháp object literal để tạo một đối tượng. Sử dụng dấu ngoặc nhọn để định nghĩa nó.
Một đối tượng trống:
let empty = {};
Một đối tượng có các thuộc tính:
let person = {
firstName: 'John',
lastName: 'Doe'
};
Truy cập thuộc tính
Bạn sử dụng hai phương pháp để lấy dữ liệu từ một đối tượng.
Ký pháp dấu chấm (Dot notation) Sử dụng một dấu chấm theo sau là tên thuộc tính. person.firstName
Ký pháp dạng mảng (Array-like notation) Sử dụng dấu ngoặc vuông và dấu ngoặc kép. Điều này là cần thiết nếu tên thuộc tính của bạn có chứa khoảng trắng. person['firstName']
Ví dụ với khoảng trắng:
let address = {
'building no': 3960
};
address['building no']
Lưu ý: Tránh sử dụng khoảng trắng trong tên thuộc tính để ngăn ngừa lỗi.
Quản lý thuộc tính
Bạn có thể thay đổi, thêm hoặc xóa dữ liệu bất cứ lúc nào.
Thay đổi một giá trị:
person.firstName = 'Jane';
Thêm một thuộc tính mới:
person.age = 25;
Xóa một thuộc tính:
delete person.age;
Nếu bạn cố gắng truy cập một thuộc tính không tồn tại, JavaScript sẽ trả về undefined.
Kiểm tra xem một thuộc tính có tồn tại hay không
Sử dụng toán tử in để kiểm tra một khóa. Nó sẽ trả về true hoặc false.
'employeeId' in employee
Điều này cho bạn biết liệu khóa đó có nằm bên trong đối tượng hay không.