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ệnh | Kết quả |
|---|---|
students[0].name | “An” |
for...of | Duyệ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
forhoặcfor...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
- Tạo mảng
productsgồm 3 sản phẩm (tên, giá) - Duyệt và in ra tên từng sản phẩm + giá tiền
- In ra những sản phẩm có giá > 100k
- Thêm 1 sản phẩm mới vào mảng
- Xoá sản phẩm ở vị trí thứ 2

Thảo luận