Angular Typescript Can't get the key value from keyvalue pair

Question

I added an array of keyvalue for months.

  months : { [key: number]: string } = { 1: 'January', 2: 'February', 3: 'March', 
  4: 'April', 5: 'May', 6: 'June', 7: 'July', 8: 'August', 9: 'September', 10: 'October',
  11: 'November', 12: 'December' }

I can get the value without any issues

var firstMonth= this.months[0].valueOf();

However, I can't get the key value.

I tried this.months[0].key. this does not work

When I used var firstMonth = this.months[0] , I only see the value of 'January'. I don't see the keyvalue when accessing one of the element in the array. When I hover over the array, I see all the months with both key values.

I see the example of using *ngFor in stackblitz for angular6-keyvaluepipe-demo but I can't access the key value in the typescript file.

Any help is appreciated.

Possible duplicate of How can I define an array of objects in typescript?. Specifically, you might want to consider using an enum — paulsm4
– paulsm4, Commented Mar 1, 2019 at 17:28

Trevor · Accepted Answer · 2019-03-01 17:39:46Z

7

Take a look at using Object.keys(this.months).

While this may look very similar to key/value pairs, it's actually a form of indexing.

If you want to have key/value behavior out of the box, you should look at using a Map<number, string>.

answered Mar 1, 2019 at 17:39

Trevor

49111 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

rcanpahali Over a year ago

Yes, this is what actually he need.

c0micrage Over a year ago

Thanks. Did not know about Object.keys.

Collectives™ on Stack Overflow

Angular Typescript Can't get the key value from keyvalue pair

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related