forEach() lặp đối tượng Set trong JavaScript

• Bùi Tấn Lực
• 1058
• 20/09/2025

Chức năng của forEach() lặp đối tượng Set trong JavaScript

forEach() lặp đối tượng Set trong JavaScript dùng để lấy danh sách giá trị trong một đối tượng Set.

Code forEach() lặp đối tượng Set trong JavaScript

<script>
// Tạo một đối tượng Set
const thanhViens = new Set();
// Thêm từng giá trị
thanhViens.add("Bùi Tấn Lực");
thanhViens.add("Trần Thị Vân");
thanhViens.add("Bùi Đan Trúc Quỳnh");
// forEach Lấy danh sách giá trị
thanhViens.forEach (function(value) {
   document.write(value + "<br>");
})
</script>

Kết quả:

Bùi Tấn Lực
Trần Thị Vân
Bùi Đan Trúc Quỳnh

Chạy Thử

forEach() Set trong JavaScript nhận những tham số nào?

Khi gọi forEach() trên một đối tượng Set, hàm callback có thể nhận ba tham số gồm value, key và chính đối tượng Set. Trong đó, value là giá trị đang được duyệt, còn key được giữ lại để thống nhất cách hoạt động của forEach() với các cấu trúc dữ liệu khác.

Điểm cần chú ý là với Set, key và value luôn có cùng giá trị. Vì vậy, trong phần lớn trường hợp, bạn chỉ cần sử dụng tham số đầu tiên để xử lý từng phần tử.

Tham số value trong Set.forEach()

value đại diện cho giá trị của phần tử mà forEach() đang xử lý. Mỗi lần callback được gọi, tham số này lần lượt nhận từng giá trị tồn tại trong Set theo thứ tự mà các giá trị được thêm vào.

const numbers = new Set([10, 20, 30]);

numbers.forEach((value) => {
console.log(value);
});

Trong ví dụ trên, value lần lượt là 10, 20 và 30. Đây cũng là tham số thường được sử dụng nhất khi bạn chỉ muốn đọc hoặc xử lý các phần tử trong Set.

Tham số key trong Set.forEach() có gì đặc biệt?

Ở Set, tham số key có giá trị giống hệt value. Điều này khác với Map, nơi key và value có thể hoàn toàn khác nhau.

const colors = new Set(["red", "blue", "green"]);

colors.forEach((value, key) => {
console.log(value === key);
});

Kết quả của mỗi lần kiểm tra đều là true. Cách thiết kế này giúp callback của Set.forEach() có cấu trúc tương thích với callback của Map.forEach(), dù Set không lưu cặp khóa và giá trị riêng biệt.

Tham số Set trong hàm callback của forEach()

Tham số thứ ba là chính đối tượng Set đang được duyệt. Bạn có thể dùng tham số này khi cần truy cập lại toàn bộ tập hợp ngay bên trong callback.

const numbers = new Set([5, 10, 15]);

numbers.forEach((value, key, set) => {
console.log(value, set.size);
});

Trong trường hợp thông thường, tham số này không cần thiết. Chỉ nên sử dụng khi logic xử lý thực sự cần biết trạng thái hoặc thuộc tính của Set hiện tại.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết forEach() lặp đối tượng Set trong JavaScript.

Bùi Tấn Lực

Đánh giá

Chia sẻ nội dung đánh giá của bạn về forEach() lặp đối tượng Set trong JavaScript
Email, Điện thoại 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 *

Bình luận, Hỏi đáp