Typescript create anonymous objects

Question

I want to create a hierarchy of nested objects in typescript that looks like the following

snapshot{
   profile{
      data{
         firstName = 'a'
         lastName = 'aa'
      }
   }
}

I dont want to create a class structure, just want to create the nested hierarchy of objects thats all.

Brian MacKay · Accepted Answer · 2018-03-01 20:33:36Z

34

TypeScript is just JavaScript with some extra sugar on top, so regular anonymous JavaScript objects are legal:

var snapshot:any = {
   profile: {
      data: {
         firstName: 'a',
         lastName: 'aa'
      }
   }
}

edited Mar 1, 2018 at 20:33

Brian MacKay

32.2k18 gold badges96 silver badges127 bronze badges

answered Jul 20, 2017 at 6:11

Jon G Stødle

3,9041 gold badge18 silver badges24 bronze badges

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

1 Comment

Andrew Over a year ago

Thanks, but how do I specify a type of firstName?

KrimblKrum · Accepted Answer · 2021-07-23 14:47:52Z

1

If you want TypeScript to enforce your anonymous object type, you can do the following. However, I recommend using this technique sparingly. If you have large complex objects, it will probably benefit you to call out an interface/class structure. Otherwise, the readability of your code may suffer.

let snapshot: {
  profile: {
    data: {
      firstName: string;
      lastName: string;
    };
  };
};

answered Jul 23, 2021 at 14:47

KrimblKrum

2134 silver badges13 bronze badges

Collectives™ on Stack Overflow

Typescript create anonymous objects

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related