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

Setting up an nginx configuration that seamlessly integrates an Angular 4 application and a WordPress blog within the same route

How can I apply styling to Angular 2 component selector tags?

Using Typescript: Including an additional argument

Leveraging Javascript Modules within a Typescript Vue Application

The use of 'import ... =' is restricted to TypeScript files

Web performance issues noticed with Angular 8 and Webpack 3.7 rendering speed

Expanding the property of an established type to a nested type

How can Angular HttpClient be used to convert from Http: JSON.parse(JSON.stringify(data))._body?

The issue arises when using Angular Material as it seems that passing a data object to a matdialog dialog

Guide on utilizing TypeScript interfaces or types in JavaScript functions with vscode and jsdocs

Transmitting language codes from Wordpress Polylang to Angular applications

typescript: exploring the world of functions, overloads, and generics

Choosing everything with ngrx/entity results in not selecting anything

Learn how to utilize React lazy effectively in components that utilize Redux compose without any similarities to type 'IntrinsicAttributes'

Why is the data from an Angular service returning as undefined when I call it from a component?

Is it possible to utilize a mat-checkbox in place of a mat-label?

Ways to organize JSON information in Angular by date basis?

Issue: The method spyOn cannot be used on the fromEvent function because it is either not writable or does not have a setter defined

Minimize the quantity of data points displayed along the X-axis in a highcharts graph

What are the best ways to personalize my code using Angular Devextreme?