TypeScript Map

TypeScript Map is a new data structure introduced in ES6. A Map allows us store key-value pairs similar to the Maps in other programming languages e.g. Java or C#.

1. Create TypeScript Map

Use Map type and new keyword to create a Map in TypeScript.

let myMap = new Map();

To create a Map with initial values, pass the values as an array to the Map constructor.

let myMap = new Map([
        ["key1", "value1"],
        ["key2", "value2"]
    ]); 

2. Add, retrieve, delete entries from Map

The common operations abailable over a Map are:

1. map.set() – method to add entries in Map.
2. map.get() – to retrieve an entry from Map.
3. map.has() – to existence of an entry in the Map.
4. map.delete() – deletes an entry from the Map.
5. map.size – ‘size’ property will return size of Map.

let nameAgeMapping = new Map();

//Set entries
nameAgeMapping.set("Lokesh", 37);
nameAgeMapping.set("Raj", 35);
nameAgeMapping.set("John", 40);

//Get entries
nameAgeMapping.get("John");		//40

//Check entry is present or not
nameAgeMapping.has("Lokesh");		//true
nameAgeMapping.has("Brian");		//false

//Size of Map with 
nameAgeMapping.size; 				//3

//Delete an entry
nameAgeMapping.delete("Lokesh");	// true

//Clear whole Map
nameAgeMapping.clear();				//Clear all entries

3. Iterating over Map Entries

A Map object iterates its elements in insertion order. A for each loop returns an array of [key, value] for each iteration.

Use 'for...of' loop to iterate over map keys, values or entries.

let nameAgeMapping = new Map();

nameAgeMapping.set("Lokesh", 37);
nameAgeMapping.set("Raj", 35);
nameAgeMapping.set("John", 40);

//Iterate over map keys
for (let key of nameAgeMapping.keys()) {
    console.log(key);                   //Lokesh Raj John
}

//Iterate over map values
for (let value of nameAgeMapping.values()) {
    console.log(value);                 //37 35 40
}

//Iterate over map entries
for (let entry of nameAgeMapping.entries()) {
    console.log(entry[0], entry[1]);    //"Lokesh" 37 "Raj" 35 "John" 40
}

//Using object destructuring
for (let [key, value] of nameAgeMapping) {
    console.log(key, value);            //"Lokesh" 37 "Raj" 35 "John" 40
} 

Drop me your questions in the comments section.

Happy Learning !!