BÀI 13: Object nâng cao – thêm, xóa, truy cập, duyệt key–value

yanyan

By yanyan

Cập nhật Tháng 7 19, 2025

Tiếp theo là Bài 20 – Object nâng cao trong JavaScript, nơi bạn học cách lưu trữ, truy cập và thao tác với dữ liệu dạng key–value (giống như từ điển).


1. Khai báo object

let user = {
  name: "An",
  age: 25,
  isAdmin: true
}

2. Truy cập giá trị

  • Cách 1: dùng dấu .
console.log(user.name) // "An"
  • Cách 2: dùng dấu []
console.log(user["age"]) // 25

Cách này dùng khi tên key là chuỗi phức tạp, có dấu cách.


3. Thêm hoặc cập nhật giá trị

user.email = "an@example.com"
user.age = 26 // cập nhật

4. Xoá thuộc tính

delete user.isAdmin

5. Kiểm tra key tồn tại

console.log("name" in user) // true
console.log("gender" in user) // false

6. Duyệt qua key và value với for...in

for (let key in user) {
  console.log(key + ": " + user[key])
}

7. Lồng object bên trong object

let student = {
  name: "Bình",
  contact: {
    phone: "0123456789",
    email: "binh@example.com"
  }
}

console.log(student.contact.email) // binh@example.com

8. Giao diện học (code + output)

Mã lệnhKết quả
user.name“An”
user["age"]25
user.email = ...Thêm mới
delete user.ageXoá thuộc tính
for...inDuyệt toàn bộ key + value

Tóm tắt bài 20

Bạn đã học:

  • Object là kiểu lưu dữ liệu dạng key–value
  • Truy cập bằng . hoặc []
  • Thêm, cập nhật và xoá thuộc tính
  • Duyệt object với for...in
  • Có thể lồng object bên trong object

Bài tập

  1. Tạo object book với title, author, year
  2. In ra book.titlebook["author"]
  3. Thêm thuộc tính publisher, xoá year
  4. Duyệt qua tất cả key và in dạng key: value

📂 Chuyên mục:

🏷️ Thẻ liên quan:

Thảo luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký nhận tin mới

Nhận bài học, tài nguyên và cơ hội việc làm qua email hàng tuần.

[global_subscribe_form]

Chúng tôi cam kết không spam. Bạn có thể hủy bất cứ lúc nào.