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

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

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

Phương thức Set.delete() trong JavaScript dùng để xóa phần tử có giá trị giống với giá trị truyền vào trong một đối tượng Set.

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

Set.delete(giatri);

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

giatri: Giá trị cần xóa.

Code Phương thức Set.delete() 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("Nguyễn Thùy Dung");
thanhViens.add("Bùi Đan Trúc Quỳnh");
// Lấy danh sách giá trị trước khi xóa
document.write("<b>Lấy danh sách giá trị trước khi xóa</b><br>");
for (const value of thanhViens) {
  // Lấy từng giá trị
  document.write(value + "<br>");
}
// Xóa phần tử có giá trị Nguyễn Thùy Dung
thanhViens.delete("Nguyễn Thùy Dung");
// Lấy danh sách giá trị sau khi xóa
document.write("<b>Lấy danh sách giá trị sau khi xóa</b><br>");
for (const value of thanhViens) {
  // Lấy từng giá trị
  document.write(value + "<br>");
}
</script>

Kết quả:

Lấy danh sách giá trị trước khi xóa
Bùi Tấn Lực
Trần Thị Vân
Nguyễn Thùy Dung
Bùi Đan Trúc Quỳnh
Lấy danh sách giá trị sau khi xóa
Bùi Tấn Lực
Trần Thị Vân
Bùi Đan Trúc Quỳnh

Chạy Thử

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

Set.delete() không chỉ dùng để xóa một phần tử khỏi Set. Khi kết hợp đúng với giá trị trả về và điều kiện xử lý, phương thức này giúp kiểm soát dữ liệu rõ ràng hơn, đặc biệt trong các thao tác loại bỏ phần tử theo trạng thái hoặc yêu cầu cụ thể.

Kiểm tra kết quả trả về của Set.delete()

Sau khi thực hiện xóa, Set.delete() trả về giá trị Boolean. Kết quả là true nếu phần tử tồn tại và đã được xóa thành công, còn false nếu giá trị cần xóa không có trong Set.

const users = new Set(["An", "Bình", "Chi"]);

const deleted = users.delete("Bình");

console.log(deleted); // true
console.log(users); // Set(2) {"An", "Chi"}

Giá trị trả về này hữu ích khi chương trình cần thực hiện hành động tiếp theo dựa trên việc xóa có thành công hay không.

if (users.delete("Chi")) {
    console.log("Đã xóa người dùng");
} else {
    console.log("Không tìm thấy người dùng");
}

Xóa phần tử Set kết hợp với điều kiện

JavaScript không cung cấp tham số điều kiện trực tiếp cho Set.delete(). Vì vậy, nếu cần quyết định có xóa hay không, bạn có thể kiểm tra giá trị trước rồi mới gọi phương thức.

const products = new Set(["Laptop", "Mouse", "Keyboard"]);

const product = "Mouse";

if (products.has(product)) {
    products.delete(product);
}

console.log(products);

Cách này phù hợp khi thao tác xóa còn phụ thuộc vào một quy tắc khác, chẳng hạn chỉ loại bỏ dữ liệu khi phần tử đang tồn tại hoặc khi một điều kiện nghiệp vụ đã được đáp ứng.

Những trường hợp cần lưu ý khi sử dụng Set.delete()

Điểm quan trọng nhất là Set.delete() xóa theo giá trị và chỉ xóa một phần tử phù hợp. Với các giá trị nguyên thủy, việc so sánh thường dễ dự đoán. Tuy nhiên, với object, cần chú ý đến tham chiếu.

const item = { id: 1 };
const items = new Set([item]);

console.log(items.delete(item)); // true

Nếu tạo một object khác có cùng dữ liệu nhưng không cùng tham chiếu, thao tác xóa sẽ không thành công.

const items = new Set([{ id: 1 }]);

console.log(items.delete({ id: 1 })); // false

Do đó, khi làm việc với object trong Set, nên giữ lại đúng tham chiếu của phần tử cần xóa hoặc thiết kế cách quản lý dữ liệu phù hợp. Ngoài ra, không nên nhầm Set.delete() với việc xóa theo vị trí như mảng, bởi Set không sử dụng chỉ số phần tử để xác định dữ liệu cần loại bỏ.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức Set.delete() 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.delete() 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