Remove elements from a Set using Javascript

JavaScript Sets provide methods to remove elements efficiently. The primary method is delete(), which removes a specified value from the Set.

Using the delete() Method

The delete() method removes a value from the Set and returns true if the value existed, or false if it didn't.

Syntax

set.delete(value)

Example: Removing Individual Elements

const mySet = new Set([1, 2, 3, 4, 5]);

console.log("Original Set:", mySet);

// Remove elements
console.log("Delete 3:", mySet.delete(3));  // true - existed
console.log("Delete 10:", mySet.delete(10)); // false - didn't exist

console.log("Updated Set:", mySet);
console.log("Set size:", mySet.size);

Original Set: Set(5) { 1, 2, 3, 4, 5 }
Delete 3: true
Delete 10: false
Updated Set: Set(4) { 1, 2, 4, 5 }
Set size: 4

Removing Multiple Elements

const fruits = new Set(['apple', 'banana', 'orange', 'grape']);

console.log("Original fruits:", fruits);

// Remove multiple elements
const toRemove = ['banana', 'grape', 'kiwi'];
toRemove.forEach(fruit => {
    const removed = fruits.delete(fruit);
    console.log(`Removed ${fruit}: ${removed}`);
});

console.log("Remaining fruits:", fruits);

Original fruits: Set(4) { 'apple', 'banana', 'orange', 'grape' }
Removed banana: true
Removed grape: true
Removed kiwi: false
Remaining fruits: Set(2) { 'apple', 'orange' }

Using clear() to Remove All Elements

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

console.log("Before clear:", numbers);
console.log("Size before:", numbers.size);

numbers.clear();

console.log("After clear:", numbers);
console.log("Size after:", numbers.size);

Before clear: Set(4) { 10, 20, 30, 40 }
Size before: 4
After clear: Set(0) {}
Size after: 0

Conditional Removal

const scores = new Set([85, 92, 78, 96, 88]);

console.log("Original scores:", scores);

// Remove scores below 80
for (const score of scores) {
    if (score < 80) {
        scores.delete(score);
        console.log(`Removed score: ${score}`);
    }
}

console.log("Filtered scores:", scores);

Original scores: Set(5) { 85, 92, 78, 96, 88 }
Removed score: 78
Filtered scores: Set(4) { 85, 92, 96, 88 }

Method Comparison

Conclusion

Use delete() to remove specific elements from a Set and clear() to remove all elements. Both methods modify the original Set and provide efficient element removal.