Proper way to declare json object (typescript)

Question

I have the following json file with data:

[{
    "sectionKey": "key1",
    "sectionName": "name",
    "content": []
  },
  {
    "sectionKey": "key2",
    "sectionName": "name",
    "content": []
  }
]

My question is: how to declare the content of the array in typescript? like "Type"[]. Please do not suggest using any[] since it removes all type checking provided by TypeScript.

What are you trying to type, the content[] property?

goto
– goto

2022-01-16 13:18:57 +00:00
Commented Jan 16, 2022 at 13:18 — goto
– goto, Commented Jan 16, 2022 at 13:18
nope. the objects into the array

abdou_behind_the_code
– abdou_behind_the_code

2022-01-16 13:19:49 +00:00
Commented Jan 16, 2022 at 13:19 — abdou_behind_the_code
– abdou_behind_the_code, Commented Jan 16, 2022 at 13:19

Nicholas Tower · Accepted Answer · 2022-01-16 13:23:48Z

2

interface CoolObject {
  sectionKey: string;
  sectionName: string;
  content: Array<any>;
}

const greatArray: CoolObject[] = [
  {
    sectionKey: 'key1',
    sectionName: 'name',
    content: [],
  },
  {
    sectionKey: 'key2',
    sectionName: 'name',
    content: [],
    foobar: 'something' // not assignable to type 'CoolObject'
  },
];

If it's the 'content' poperty you're trying to typehint you can use Array<YourType> or YourType[] too.

edited Jan 16, 2022 at 13:23

Nicholas Tower

87k10 gold badges115 silver badges127 bronze badges

answered Jan 16, 2022 at 13:21

Gavin

2,3852 gold badges19 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Proper way to declare json object (typescript)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related