Bài 14: Mảng các object & duyệt danh sách

yanyan

By yanyan

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

Tiếp tục với Bài 21 – Mảng các Object và duyệt danh sách, đây là một phần quan trọng trong thực tế khi bạn xử lý nhiều bản ghi dữ liệu như danh sách học sinh, sản phẩm, tài khoản…


1. Khai báo mảng chứa nhiều object

let students = [
  { name: "An", age: 18 },
  { name: "Bình", age: 19 },
  { name: "Chi", age: 17 }
]

2. Truy cập từng object

console.log(students[0])         // { name: "An", age: 18 }
console.log(students[1].name)    // "Bình"

3. Duyệt qua mảng object với for

for (let i = 0; i < students.length; i++) {
  console.log(students[i].name + " - " + students[i].age)
}

4. Duyệt bằng for...of

for (let student of students) {
  console.log(student.name + " tuổi: " + student.age)
}

5. Duyệt và lọc theo điều kiện

for (let student of students) {
  if (student.age >= 18) {
    console.log(student.name + " đủ tuổi")
  }
}

6. Thêm object vào mảng

students.push({ name: "Dũng", age: 20 })

7. Xoá object khỏi mảng (xóa theo vị trí)

students.splice(1, 1) // xoá 1 phần tử tại vị trí số 1

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

Mã lệnhKết quả
students[0].name“An”
for...ofDuyệt từng học sinh
push({name:..., age:...})Thêm học sinh mới
splice(index, 1)Xoá học sinh tại vị trí index

Tóm tắt bài 21

Bạn đã học:

  • Mảng có thể chứa nhiều object
  • Truy cập từng object bằng students[i].key
  • Duyệt danh sách bằng for hoặc for...of
  • Lọc theo điều kiện trong vòng lặp
  • Thêm, xoá phần tử trong danh sách

Bài tập

  1. Tạo mảng products gồm 3 sản phẩm (tên, giá)
  2. Duyệt và in ra tên từng sản phẩm + giá tiền
  3. In ra những sản phẩm có giá > 100k
  4. Thêm 1 sản phẩm mới vào mảng
  5. Xoá sản phẩm ở vị trí thứ 2

📂 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.