Can a map key value be converted into a param object?

Question

Can a map key value be converted into a param object?

I have a map containing key-value pairs as shown below:

for (let controller of this.attributiFormArray.controls) {
     
    attributiAttivitaMap.set(controller.get('id').value,  { value: controller.get('valoreDefault').value, mandatory: controller.get('obbligatorio').value })
}

After setting the values in my map, it looks like this:

0 : key: 10, value: {value: 200, mandatory: false}
1 : key: 102, value: {value: 300, mandatory: false}

Now, my goal is to create a list of objects in the following format:

"valoriDefaultAttributiAttivita" : {
    "10" : {"value" : "200", "mandatory": false},
    "102" : {"value" : "300", "mandatory": false},

 }

where "10" and "102" are the keys from my map.

I've attempted various methods, but when I try to convert it into an array, I struggle to set the key value as a property. Any suggestions on how I can achieve this?

let array: any[] = [];
for(let key of attributiAttivitaMap.keys()){
    array.push({key: attributiAttivitaMap.get(key)});
}

angular typescript dictionary

Answer 1

Answer №1

If you want to convert the map into a JavaScript object, you can use the following code:

const map = new Map<number, { value: number; mandatory: boolean }>();

map.set(10, { value: 200, mandatory: false });
map.set(102, { value: 300, mandatory: false });

const obj: Record<number, { value: number; mandatory: boolean }> = {};

map.forEach((val, key) => obj[key] = val);

You can also iterate through the map entries like this:

for(const [key, value] of map.entries()) {
  obj[key] = value;
}

Click here for Playground link

Answer 2

If you want to convert the map into a JavaScript object, you can use the following code:

const map = new Map<number, { value: number; mandatory: boolean }>();

map.set(10, { value: 200, mandatory: false });
map.set(102, { value: 300, mandatory: false });

const obj: Record<number, { value: number; mandatory: boolean }> = {};

map.forEach((val, key) => obj[key] = val);

You can also iterate through the map entries like this:

for(const [key, value] of map.entries()) {
  obj[key] = value;
}

Click here for Playground link

Can a map key value be converted into a param object?

Answer №1

Similar questions

Saving a local JSON file in Angular 5 using Typescript

One way to change the cursor CSS property is by dynamically altering it based on scrolling behavior. This involves modifying the cursor property when scrolling

Directive for Angular 2: Expand Further

Versions of Angular that are compatible with Ionic 2 (do not have an exported member)

Put Angular4 (Angular) that has been developed with angular-cli onto Google App Engine

React: Why aren't class methods always running as expected?

Ways to Execute the Constructor or ngOnInit Multiple Times

The function in Angular 5/Typescript disappears when attempting to call it from within another function

How can I utilize npm with the original source code instead of minified or bundled code?

Syntax highlighting in VSCode does not seem to be functional when the ?? nullish coalescing operator is being utilized

When trying to install my npm package from the registry, I keep encountering an issue despite being able to install it locally

What is the best way to declare a collection of objects in TypeScript?

Having trouble retrieving information from Node.js service in AngularJS 2

Best location for Angular PWA update handler?

Check the type of the indexed value

The type 'string | undefined' cannot be assigned to type 'string'

Is there a method to ensure the strong typing of sagas for dispatching actions?

Linking to a variable that could potentially be non-existent

What is the process for incorporating a new index signature into a class declaration from a file.d.ts in typescript?

A TypeScript utility type that conditionally assigns props based on the values of other properties within the type