Typescript Map to Object

 How can TypeScript be utilized to map between a map and an object, and what are some multiple solutions for achieving this mapping?

Answer:

In TypeScript, mapping between a map and an object involves converting data between these two data structures. There are several approaches to achieve this, and I'll discuss a couple of solutions.

Solution 1: Iterating through Map Entries

One straightforward method involves iterating through the entries of the Map and constructing an object by assigning each key-value pair from the Map.

typescript
function mapToObject(map: Map<string, any>): { [key: string]: any } {
    const obj: { [key: string]: any } = {};

    map.forEach((value, key) => {
        obj[key] = value;
    });

    return obj;
}

// Example Usage
const sampleMap = new Map([
    ['name', 'John'],
    ['age', 25],
    ['city', 'ExampleCity']
]);

const mappedObject = mapToObject(sampleMap);
console.log(mappedObject);

In this example, the mapToObject function takes an Map as input and returns an object. It iterates through the map entries using forEach and assigns each key-value pair to the corresponding property in the object.

Solution 2: Using Object.fromEntries()

Another concise approach involves using the Object.fromEntries() method, which constructs an object from an iterable of key-value pairs.

typescript
function mapToObjectUsingFromEntries(map: Map<string, any>): { [key: string]: any } {
    return Object.fromEntries(map);
}

// Example Usage
const sampleMap = new Map([
    ['name', 'John'],
    ['age', 25],
    ['city', 'ExampleCity']
]);

const mappedObject = mapToObjectUsingFromEntries(sampleMap);
console.log(mappedObject);

In this example, the mapToObjectUsingFromEntries function is utilized Object.fromEntries() directly to create an object from the map.

These solutions provide different ways to perform the mapping between a TypeScript Map and an object, offering flexibility based on the specific requirements of the use case.