Bài 17: Hàm forEach() – duyệt qua mảng

Tiếp tục với Bài 24 – Hàm forEach() trong JavaScript, giúp bạn duyệt qua từng phần tử trong mảng một cách rõ ràng và dễ đọc hơn, thường dùng thay cho vòng lặp for trong các tác vụ đơn giản.

1. forEach() là gì?

Là một hàm của mảng, dùng để lặp qua từng phần tử, giống for, nhưng ngắn gọn và hiện đại hơn.

2. Cú pháp cơ bản

📋 Copylet arr = [1, 2, 3]

arr.forEach(function (value, index) {
  console.log("Vị trí", index, ":", value)
})

Với arrow function:

📋 Copyarr.forEach((value, index) => {
  console.log(index + ": " + value)
})

3. Ví dụ duyệt mảng đơn giản

📋 Copylet names = ["An", "Bình", "Chi"]

names.forEach(name => {
  console.log("Xin chào " + name)
})

4. Duyệt qua mảng object

📋 Copylet products = [
  { name: "Bánh", price: 5000 },
  { name: "Sữa", price: 10000 }
]

products.forEach(p => {
  console.log(p.name + " giá " + p.price)
})

5. Không trả về giá trị

forEach() không trả về mảng mới như map(), mà chỉ dùng để lặp qua và xử lý.

📋 Copylet result = [1, 2, 3].forEach(n => n * 2)

console.log(result) // undefined

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

Tóm tắt bài 24

Bạn đã học:

• forEach() dùng để duyệt qua từng phần tử trong mảng
• Có 2 tham số: value và index
• Không tạo ra mảng mới (khác với map)
• Dùng tốt với console.log, DOM, API gọi mỗi item

Bài tập

1. Duyệt mảng số [10, 20, 30] và in ra từng số
2. Duyệt mảng tên và in "Xin chào, <tên>"
3. Có mảng sản phẩm {name, price} → in theo định dạng "Tên: <name>, Giá: <price>"