💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 31 tháng 5 năm 2026

Đối tượng (Object) | Cách viết

📌

Kết luận

Đối tượng (Object) dùng {} để lưu trữ dữ liệu theo cặp Khóa và Giá trị

📝 Mã thực tế tại đây

const user = { name: 'An', age: 20 };
console.log(user);

Truy cập vào thuộc tính

Cách viết	Ví dụ	Khi nào dùng
Dấu chấm	`user.name`	Cách dùng thông thường
Dấu ngoặc vuông	`user['name']`	Khi tên khóa nằm trong một biến

Khác biệt giữa Mảng và Đối tượng

Cấu trúc dữ liệu	Khi nào dùng	Ví dụ
Mảng `[]`	Tập hợp các dữ liệu cùng loại	Danh sách trái cây
Đối tượng `{}`	Tập hợp các dữ liệu liên quan	Thông tin người dùng

Hầu như tất cả dữ liệu nhận được từ API đều ở dạng đối tượng (JSON). Đây là cấu trúc dữ liệu quan trọng nhất đối với một kỹ sư Web.

Tổng kết

- Tạo đối tượng bằng { key: value } - Truy cập chủ yếu bằng dấu chấm (dot notation) - JSON cũng có cấu trúc tương tự đối tượng

Hãy thử trong phần bài tập

Hãy tạo một đối tượng user có name và age với giá trị tùy ý nhé.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

Thử ngay

■ Bài tập thực hành

Hãy tạo một đối tượng user có name và age, sau đó xuất ra console.

Gợi ý khi gặp khó khăn

const user = { name: 'An', age: 20 };

15pt

Đối tượng (Object)

Hãy tạo một đối tượng user có name và age, sau đó xuất ra console.

Mã nguồn

Xem trước

Lỗi & Console

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng

Đi sâu bài tập này

"Đối tượng (Object)" là bài JavaScript mức 入門. Hãy tạo một đối tượng user có name và age, sau đó xuất ra console. Chạy ngay trên trình duyệt với kiểm tra tự động.

Đối tượng lưu trữ dữ liệu dưới dạng cặp khóa (key) và giá trị (value). Mẫu tương tự xuất hiện trong review code và UI thực tế.

Kết hợp với lộ trình js-basic. Bài #25 củng cố kỹ năng js-basic.

Quy trình từng bước

Đọc bài giải thích và nắm mục tiêu "Đối tượng (Object)"
Kiểm tra cột JavaScript và bắt đầu từ mã mẫu
Mở gợi ý nếu bí, so sánh với lời giải
Bấm Chạy để xem preview/console
Hệ thống kiểm tra có chứa: const user, name, age.
Sau khi đúng, làm bài trước/sau trong cùng danh mục

Cách đọc mã giải

JavaScript dùng: console.log. Kiểm tra typo và await. Giải thích: Đối tượng lưu trữ dữ liệu dưới dạng cặp khóa (key) và giá trị (value). Gợi ý: const user = { name: 'An', age: 20 };

Ứng dụng thực tế & nghề nghiệp

JS cơ bản trước React/Vue/Node. Biến, hàm, mảng xuất hiện hàng ngày trong review.

Lỗi thường gặp

Bỏ qua gợi ý: const user = { name: 'An', age: 20 };
Gõ sai console.log
So sánh == giữa chuỗi và số
Gán lại const
Thiếu dấu chấm phẩy

Xử lý sự cố

Preview không đổi sau khi chạy: Kiểm tra bạn sửa đúng cột JavaScript và đã bấm Chạy.
Đúng nhưng không pass: Hệ thống kiểm tra có chứa: const user, name, age. Kiểm tra typo và thẻ đóng.
Lỗi trên console: Mở DevTools Console, kiểm tra ngoặc và dấu ngoặc kép.
Khó gõ trên điện thoại: Dùng màn ngang hoặc mở cùng URL trên PC.

Mẹo phỏng vấn & portfolio

Giải thích kỹ thuật trong "Đối tượng (Object)" bằng lời của bạn trong 30 giây
Luyện mô tả từng dòng mã giải trên bảng trắng
Chuẩn bị một phương án thay thế và lý do chọn cách hiện tại

Thuật ngữ

const: Biến không gán lại.
function: Khối mã tái sử dụng.
console.log: In ra console devtools.

Từ khóa trên trang này

Trang này là bài tập miễn phí về Đối tượng (Object) cho từ khóa: Đối tượng (Object), js-basic, 入門, name, age, console.log, create object.

Công cụ liên quan

Lộ trình học

Lộ trình học →

Bài tập liên quan

Câu hỏi thường gặp (FAQ)

Đối tượng (Object) có miễn phí không?

Bài tập này hoàn toàn miễn phí và chạy ngay trên trình duyệt. Không cần đăng ký hay thẻ tín dụng.

Độ khó và thời gian?

"Đối tượng (Object)" ở mức "入門". Đọc hướng dẫn trước; người mới thường hoàn thành trong 30 phút. Mỗi bài khoảng 5–15 phút. Dùng gợi ý, sau đó xem lời giải nếu bí.

Sau khi đúng làm gì?

Sau khi đúng, dùng liên kết bài tiếp theo. Hoàn thành danh mục rồi sang lộ trình học.

Làm trên điện thoại được không?

Chạy trên trình duyệt di động, nhưng gõ mã trên máy tính tiện hơn.

Bài tập khác ở đâu?

Danh sách bài tập: /vi/learn/ có bộ lọc danh mục.

Điểm cần nhớ trong "Đối tượng (Object)"?

Đối tượng lưu trữ dữ liệu dưới dạng cặp khóa (key) và giá trị (value). Gợi ý: const user = { name: 'An', age: 20 };

Vị trí danh mục js-basic?

JS cơ bản trước React/Vue/Node. Biến, hàm, mảng xuất hiện hàng ngày trong review.

Các bước cụ thể cho "Đối tượng (Object)"?

1. Đọc bài giải thích và nắm mục tiêu "Đối tượng (Object)"
2. Kiểm tra cột JavaScript và bắt đầu từ mã mẫu
3. Mở gợi ý nếu bí, so sánh với lời giải
4. Bấm Chạy để xem preview/console
5. Hệ thống kiểm tra có chứa: const user, name, age.
6. Sau khi đúng, làm bài trước/sau trong cùng danh mục

Cách đọc mã giải?

JavaScript dùng: console.log. Kiểm tra typo và await.

Giải thích: Đối tượng lưu trữ dữ liệu dưới dạng cặp khóa (key) và giá trị (value).

Gợi ý: const user = { name: 'An', age: 20 };

Khi gặp sự cố?

Preview không đổi sau khi chạy → Kiểm tra bạn sửa đúng cột JavaScript và đã bấm Chạy.
Đúng nhưng không pass → Hệ thống kiểm tra có chứa: const user, name, age. Kiểm tra typo và thẻ đóng.
Lỗi trên console → Mở DevTools Console, kiểm tra ngoặc và dấu ngoặc kép.
Khó gõ trên điện thoại → Dùng màn ngang hoặc mở cùng URL trên PC.

Liên quan nghề nghiệp?

Giải thích kỹ thuật trong "Đối tượng (Object)" bằng lời của bạn trong 30 giây Luyện mô tả từng dòng mã giải trên bảng trắng Chuẩn bị một phương án thay thế và lý do chọn cách hiện tại

Công cụ liên quan?

JSON Formatter, Regex

Kiến thức nền?

Đọc Lộ trình học trước.

ツール一覧