How to Remove Key-Value Pairs from a Map Based on Values in TypeScript - Step by Step Examples



How to Remove Key-Value Pairs from a Map Based on Values in TypeScript ?

Answer

To remove key-value pairs from a map in TypeScript based on values, you need to iterate through the map and check each value. If the value matches the specified condition, remove the corresponding key-value pair.



✐ Examples

1 Removing Key-Value Pairs with Specific Value

We can remove key-value pairs from a map in TypeScript by iterating through the map and removing pairs with a specific value.

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 iterate through the map using a for...of loop. For each key-value pair, we check if the value matches the specified value 2.
  3. If the value matches, we use the delete method to remove the key-value pair from the map.
  4. 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],
    ['four', 2]
]);

// Remove key-value pairs with specific value
for (const [key, value] of myMap) {
    if (value === 2) {
        myMap.delete(key);
    }
}

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

Output

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

2 Removing Key-Value Pairs with a Range of Values

We can remove key-value pairs from a map in TypeScript by iterating through the map and removing pairs with values within a specified range.

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 iterate through the map using a for...of loop. For each key-value pair, we check if the value falls within the specified range (e.g., between 2 and 3 inclusive).
  3. If the value falls within the range, we use the delete method to remove the key-value pair from the map.
  4. 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],
    ['four', 4]
]);

// Remove key-value pairs with values in the range [2, 3]
for (const [key, value] of myMap) {
    if (value >= 2 && value <= 3) {
        myMap.delete(key);
    }
}

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

Output

Map(2) { 'one' => 1, 'four' => 4 }

3 Removing Key-Value Pairs with Condition-Based Values

We can remove key-value pairs from a map in TypeScript by iterating through the map and removing pairs with values that meet a specified condition.

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 string values.
  2. We iterate through the map using a for...of loop. For each key-value pair, we check if the value meets a specified condition (e.g., if the length of the string is 3).
  3. If the condition is met, we use the delete method to remove the key-value pair from the map.
  4. 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, string> = new Map([
    ['one', 'one'],
    ['two', 'two'],
    ['three', 'three'],
    ['four', 'four']
]);

// Remove key-value pairs where value length is 3
for (const [key, value] of myMap) {
    if (value.length === 3) {
        myMap.delete(key);
    }
}

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

Output

Map(2) { 'three' => 'three', 'four' => 'four' }

Summary

In this tutorial, we learned How to Remove Key-Value Pairs from a Map Based on Values 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 ?