Typescript Map throwing error while using its functions (mapobject.keys() is not a function)

Question

I am a new bee in typescript , In my angular4 project I am receiving a map object as a json.

so I declared a class that is given bellow

 <importing... required classes here..>
  export class FormConfig  {
    public id: number;
    public name: string;
    public fieldMap :Map<string,Array<Field>>;
    public fieldList : Array<Field> ;
  }

I am receiving exactly same JSON from api. I consoled the object of FormConfig and I am getting the console without any error. My code got compiled without any warning and error. But I can't access the keys and values from the map by using Map's inbuilt functions like forEach,keys,get etc. But IDE showing these function suggestions. Part of my code is given bellow.

 formConfig : FormConfig; 
 console.log(JSON.stringify(formConfig)); // works fine

 keys : string [] = Array.from (formConfig.keys()) ; // showing error (formConfig.keys is not a function)

I am using es5 target for my angular4 project and the IDE is visual studio code.

Is anybody faced this issue before let me know the mistake I have made here.

Thank you.

I think you are not using `keys` on the right way `Object.keys(obj)`, obj The object of which the enumerable own properties are to be returned. — onetwo12, Jul 21 '17 at 10:18
Yes your code works. Thank you very much , I want to get the value also — Vishnu KR, Jul 21 '17 at 10:31
What you want to get? Array of keys and another array of the values? — onetwo12, Jul 21 '17 at 10:36
I just want keys array and the values array, I just wanna get value by using key — Vishnu KR, Jul 21 '17 at 10:42

score 17 · Accepted Answer · answered Jul 21 '17 at 10:46

17

You can get the values using key like this:

for (const key in formConfig) {
  console.log('The value for ' + key + ' is = ' + formConfig[key]);
}

And getting array of the Object's key values is done like this:

keys: string [] = Object.keys(formConfig);

answered Jul 21 '17 at 10:46

onetwo12

2,359
5
23
34

4

Thank you very much man.. but why this get, foreach and keys function not working ? do you have any idea ? – Vishnu KR Jul 21 '17 at 10:51
If you want to use `foreach`you have to have map `Map.prototype.forEach()`, but in your case it's `Object` and for that you use for .. in – onetwo12 Jul 21 '17 at 10:59

score 0 · Answer 2 · answered Nov 10 '21 at 13:49

0

The keys() method from the Object class can be used instead of writing the a manual for loop.

keys: string[] = Object.keys(formConfig);

answered Nov 10 '21 at 13:49

Sisir

4,584
4
26
37

Typescript Map throwing error while using its functions (mapobject.keys() is not a function)

2 Answers2

Linked