How can I get a key from an Any type in Angular?

Question

I'm trying to figure out how to get a key from an Any type in Angular/Typescript.

For example, if some other part of the program is returning this code:

{
  Amy: {
         age: 7,
         grade: 2
       },
  Max: {
         age: 9,
         grade: 4
       },
  Mia: {
         age: 8,
         grade: 3
       }
}

Is there a way that I can put the names in an array such as:

[ "Amy", "Max", "Mia" ]

I've tried to use forEach, but the first bit of code isn't exactly an array so I'm not sure if that is on the right track at all. Is there some sort of function I can use to turn Amy into a string? Any help would be appreciated. Thanks!

I would like to have an array of [ "Amy", "Max", "Mia" ]. My bad, I will update my post right now. — sesamebagel, Aug 04 '20 at 17:36
But as a *type*, at compile time, or a *value*, at runtime (in which case TypeScript isn't really relevant - and either way Angular isn't)? — jonrsharpe, Aug 04 '20 at 17:37
Based on the answer, this is a dupe of https://stackoverflow.com/questions/8763125/get-array-of-objects-keys - please do research. — jonrsharpe, Aug 04 '20 at 17:40

score 1 · Accepted Answer · answered Aug 04 '20 at 17:36

1

You can use Object.keys()

let obj = {
  Amy: {
         age: 7,
         grade: 2
       },
  Max: {
         age: 9,
         grade: 4
       },
  Mia: {
         age: 8,
         grade: 3
       }
}
console.log(Object.keys(obj));

answered Aug 04 '20 at 17:36

sonEtLumiere

4,461
3
8
35

score 0 · Answer 2 · answered Aug 04 '20 at 17:36

You don't actually have to use anything from Angular for this you can use plain JavaScript functionality. Just grab the keys from the object with Object.keys

const myObject:any = {
  Amy: {
         age: 7,
         grade: 2
       },
  Max: {
         age: 9,
         grade: 4
       },
  Mia: {
         age: 8,
         grade: 3
       }
}
const names:Array<string> = Object.keys(myObject);
console.log(names);

How can I get a key from an Any type in Angular?

2 Answers2