How to remove from a Map in JavaScript
Łukasz Holeczek
Follow Łukasz Holeczek on GitHub
Connect with Łukasz Holeczek on LinkedIn
Follow Łukasz Holeczek on X (Twitter)
Removing entries from a Map in JavaScript is essential for memory management and maintaining clean data structures in dynamic applications with changing data requirements.
As the creator of CoreUI with 25 years of JavaScript experience since 2000, I’ve implemented Map cleanup operations in numerous applications for optimal memory usage and performance.
The most effective approach uses the delete() method which removes specific key-value pairs while preserving the remaining entries and their insertion order.
This method provides boolean feedback for operation success and maintains Map performance characteristics for reliable data management.
Use the delete() method to remove specific entries from a Map by key with boolean return value indicating success.
const userMap = new Map([
['john', { name: 'John Doe', age: 30 }],
['jane', { name: 'Jane Smith', age: 25 }],
['admin', { role: 'administrator' }],
[123, 'User ID 123']
])
console.log(userMap.size) // 4
// Remove specific entries
const deletedJohn = userMap.delete('john')
console.log(deletedJohn) // true (successful deletion)
const deletedNonExistent = userMap.delete('bob')
console.log(deletedNonExistent) // false (key didn't exist)
// Remove entry with numeric key
userMap.delete(123)
console.log(userMap.size) // 2
console.log(userMap.has('john')) // false
// Check remaining entries
for (const [key, value] of userMap) {
console.log(key, value)
}
// Output: 'jane' { name: 'Jane Smith', age: 25 }
// 'admin' { role: 'administrator' }
// Remove all entries (alternative to clear())
const keysToDelete = [...userMap.keys()]
keysToDelete.forEach(key => userMap.delete(key))
console.log(userMap.size) // 0
The delete() method removes the specified key and its associated value from the Map, returning true if the key existed and was successfully removed, or false if the key was not found. The method maintains the insertion order of remaining entries and immediately updates the Map’s size. Unlike array operations, Map deletion is efficient regardless of the key’s position, providing consistent O(1) average performance for removal operations.
Best Practice Note:
This is the Map cleanup pattern we use in CoreUI state management for memory-efficient data handling and cache invalidation.
Always check the return value when deletion success matters, and prefer delete() over clear() when you need selective entry removal.
