Phương thức Set.clear() trong JavaScript

• Bùi Tấn Lực
• 942
• 19/09/2025

Chức năng của Phương thức Set.clear() trong JavaScript

Phương thức Set.clear() trong JavaScript dùng để xóa tất cả phần tử có trong một đối tượng Set.

Cú pháp của Phương thức Set.clear() trong JavaScript

Set.clear();

Set: tên biến của đối tượng Set, biến này tự đặt tên và thay đổi được.

Code Phương thức Set.clear() 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");
// Lấy danh sách giá trị trước khi xóa tất cả
document.write("<b>Lấy danh sách giá trị trước khi xóa tất cả</b><br>");
for (const value of thanhViens) {
  // Lấy từng giá trị
  document.write(value + "<br>");
}
// Xóa tất cả
thanhViens.clear();
document.write("Tổng số phần tử sau khi xóa tất cả: "+thanhViens.size + "<br>");
</script>

Kết quả:

Lấy danh sách giá trị trước khi xóa tất cả
Bùi Tấn Lực
Trần Thị Vân
Bùi Đan Trúc Quỳnh
Tổng số phần tử sau khi xóa tất cả: 0

Chạy Thử

Cách sử dụng Set.clear() hiệu quả trong JavaScript

Trong quá trình xử lý dữ liệu, Set.clear() phù hợp khi cần đưa một tập hợp về trạng thái rỗng để chuẩn bị cho lần sử dụng tiếp theo. Cách này giúp giữ nguyên đối tượng Set đang có thay vì phải tạo một Set mới.

Xóa toàn bộ phần tử Set trước khi thêm dữ liệu mới

Khi một Set được dùng nhiều lần để lưu dữ liệu tạm thời, có thể gọi clear() trước khi nạp tập dữ liệu mới. Cách làm này đặc biệt hữu ích trong các thao tác lặp lại, khi cần giữ nguyên biến Set nhưng loại bỏ toàn bộ dữ liệu cũ.

const duLieu = new Set(["HTML", "CSS", "JavaScript"]);

duLieu.clear();

duLieu.add("PHP");
duLieu.add("MySQL");

console.log(duLieu);

Sau khi clear() được thực hiện, Set không còn các phần tử ban đầu và có thể tiếp tục nhận dữ liệu mới như một tập hợp rỗng.

Kiểm tra Set sau khi sử dụng clear()

Thuộc tính size có thể được dùng để kiểm tra số lượng phần tử còn lại sau khi xóa. Đây là cách đơn giản để xác nhận thao tác đã đưa Set về trạng thái rỗng.

const danhSach = new Set(["A", "B", "C"]);

danhSach.clear();

console.log(danhSach.size);

Kết quả của size là 0, cho biết Set hiện không chứa phần tử nào. Nếu cần kiểm tra trực tiếp một giá trị, có thể kết hợp thêm has() tùy theo mục đích xử lý.

Phân biệt Set.clear() với Set.delete()

Set.clear() và Set.delete() đều dùng để loại bỏ dữ liệu khỏi Set nhưng phạm vi tác động khác nhau. clear() xóa toàn bộ phần tử, trong khi delete() chỉ loại bỏ một phần tử được chỉ định.

const danhSach = new Set(["HTML", "CSS", "JavaScript"]);

danhSach.delete("CSS");
// Còn lại: HTML, JavaScript

danhSach.clear();
// Set trở thành rỗng

Vì vậy, hãy dùng delete() khi chỉ cần loại bỏ một giá trị cụ thể và chọn clear() khi toàn bộ dữ liệu hiện có không còn cần thiết.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức Set.clear() trong JavaScript.

Bùi Tấn Lực

Đánh giá

Chia sẻ nội dung đánh giá của bạn về Phương thức Set.clear() 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