How to clear a Set in JavaScript
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Clearing all elements from a Set in JavaScript is essential when you need to reset a collection while maintaining the same Set instance for continued use.
As the creator of CoreUI with 25 years of JavaScript experience since 2000, I’ve used Set clearing operations extensively in data management systems and user interface state management.
The most efficient approach uses the built-in clear() method which removes all elements from a Set in a single operation.
This method provides optimal performance while maintaining clean, readable code for collection management.
Use the clear() method to remove all elements from a Set in one operation.
const mySet = new Set(['apple', 'banana', 'orange'])
console.log(mySet.size) // 3
mySet.clear()
console.log(mySet.size) // 0
console.log(mySet) // Set(0) {}
// Set is now empty but still usable
mySet.add('grape')
console.log(mySet) // Set(1) {'grape'}
The clear() method removes all elements from the Set instantly, resetting its size to zero while keeping the Set object intact for further operations. This method returns undefined and modifies the original Set in place. After clearing, the Set remains a valid instance that can accept new elements through add() or other Set operations, making it perfect for resetting collections without creating new objects.
Best Practice Note:
This is the same approach we use in CoreUI data management components for efficient state clearing.
The clear() method is more performant than creating a new Set when you need to reset large collections frequently.
