How to Remove a Key-Value Pair from a Map in TypeScript


How to Remove a Key-Value Pair from a Map in TypeScript ?

Answer

To remove a key-value pair from a map in TypeScript, you can use the delete method. This method allows you to remove the key-value pair associated with the specified key.



✐ Examples

1 Removing a Key-Value Pair Using delete Method

We can remove a key-value pair from a map in TypeScript using the delete method, which removes the key-value pair associated with the specified key.

For example,

  1. We start by declaring and initializing a map named myMap with some key-value pairs. In this example, the map has string keys and integer values.
  2. We use the delete method to remove the key-value pair associated with the key 'two'. The delete method removes the key-value pair from the map.
  3. We print the contents of the map to the console using the console.log function to verify that the key-value pair has been removed.

TypeScript Program

const myMap: Map<string, number> = new Map([
    ['one', 1],
    ['two', 2],
    ['three', 3]
]);

// Remove a key-value pair using delete method
myMap.delete('two');

// Print the contents of the map
console.log(myMap);

Output

Map(2) { 'one' => 1, 'three' => 3 }

2 Handling Key Not Found Using delete Method

We can handle the case where a key is not found in a map in TypeScript using the delete method, which returns false if the key is not present.

For example,

  1. We start by declaring and initializing a map named myMap with some key-value pairs. In this example, the map has string keys and integer values.
  2. We use the delete method to attempt to remove the key-value pair associated with the key 'four'. The delete method returns false if the key is not found.
  3. We print the contents of the map to the console using the console.log function to verify that the map is unchanged.

TypeScript Program

const myMap: Map<string, number> = new Map([
    ['one', 1],
    ['two', 2],
    ['three', 3]
]);

// Attempt to remove a non-existent key-value pair using delete method
const result = myMap.delete('four');

// Print the result and the contents of the map
console.log(result); // false
console.log(myMap);

Output

false
Map(3) { 'one' => 1, 'two' => 2, 'three' => 3 }

3 Removing Multiple Key-Value Pairs Using delete Method

We can remove multiple key-value pairs from a map in TypeScript using the delete method, which removes the key-value pairs associated with the specified keys.

For example,

  1. We start by declaring and initializing a map named myMap with some key-value pairs. In this example, the map has string keys and integer values.
  2. We use the delete method to remove the key-value pairs associated with the keys 'one' and 'three'. The delete method removes the key-value pairs from the map.
  3. We print the contents of the map to the console using the console.log function to verify that the key-value pairs have been removed.

TypeScript Program

const myMap: Map<string, number> = new Map([
    ['one', 1],
    ['two', 2],
    ['three', 3]
]);

// Remove multiple key-value pairs using delete method
myMap.delete('one');
myMap.delete('three');

// Print the contents of the map
console.log(myMap);

Output

Map(1) { 'two' => 2 }

Summary

In this tutorial, we learned How to Remove a Key-Value Pair from a Map in TypeScript language with well detailed examples.




More TypeScript Maps Tutorials

  1. How to create an Empty Map in TypeScript ?
  2. How to create a Map with Initial Key-Value Pairs in TypeScript ?
  3. How to Print a Map in TypeScript ?
  4. How to Add a Key-Value Pair to a Map in TypeScript ?
  5. How to Set a Default Value for a Key in a Map in TypeScript ?
  6. How to Update the Value for a Key in a Map in TypeScript ?
  7. How to Check if a Map is Empty in TypeScript ?
  8. How to Check if a Key Exists in a Map in TypeScript ?
  9. How to Check if a Value Exists in a Map in TypeScript ?
  10. How to Get the Value Associated with a Key in a Map in TypeScript ?
  11. How to Remove a Key-Value Pair from a Map in TypeScript ?
  12. How to Remove Key-Value Pairs from a Map Based on Values in TypeScript ?
  13. How to Clear All Key-Value Pairs from a Map in TypeScript ?
  14. How to Iterate Over Keys in a Map in TypeScript ?
  15. How to Iterate Over Values in a Map in TypeScript ?
  16. How to Iterate Over Entries (Key-Value Pairs) in a Map in TypeScript ?
  17. How to Get the Size (Number of Key-Value Pairs) of a Map in TypeScript ?
  18. How to Convert a Map to an Array of Keys in TypeScript ?
  19. How to Convert a Map to an Array of Values in TypeScript ?
  20. How to Convert a Map to an Array of Key-Value Pairs in TypeScript ?
  21. How to Merge Two Maps in TypeScript ?
  22. How to Copy a Map in TypeScript ?
  23. How to Check if Two Maps are Equal in TypeScript ?
  24. How to Sort a Map by Keys in TypeScript ?
  25. How to Sort a Map by Values in TypeScript ?
  26. How to Filter a Map Based on Keys in TypeScript ?
  27. How to Filter a Map Based on Values in TypeScript ?
  28. How to Reduce Values in a Map to a Single Value in TypeScript ?
  29. How to Convert an Array of Key-Value Pairs to a Map in TypeScript ?
  30. How to Convert a Map to a JSON String in TypeScript ?
  31. How to Convert a JSON String to a Map in TypeScript ?
  32. How to Swap Keys and Values in a Map in TypeScript ?
  33. How to Create a Map of Maps in TypeScript ?
  34. How to Iterate Over a Map of Maps in TypeScript ?