object of object interface typescript

Question

I have an object for an array that can be the following

{
 'value1': 1,
 'value2': 2
}

or

{
 'value1': 'a',
 'value2': 'b'
}

or

{
 'value1': {'sub1': 1, 'sub2': 2},
 'value2': {'sub1': 1, 'sub2': 2}
}

I wanted to type this like this :

export interface TableRow {
  [key: string]: string | number | ([key: string] : string) | ([key: string] : number)
}

but it doesn't work.

Is this the only way possible ?

export interface TableRow {
  [key: string]: string | number | object
}

This looks like just a typo to me (e.g., interface TableRow { [key: string]: string | number | { [key: string]: string } | { [key: string]: number } }). Is that what you mean by "it doesn't work"? Usually a minimal reproducible example should explicitly describe what the problem is — jcalz
– jcalz, Commented May 21, 2020 at 3:15

D. Seah · Accepted Answer · 2020-05-21 03:17:17Z

2

i think it better to do this neatly with two interfaces

export interface TableCell {
    [key: string]: string | number
}

export interface TableRow {
    [key: string]: string | number | TableCell
}

answered May 21, 2020 at 3:17

D. Seah

4,7121 gold badge15 silver badges27 bronze badges

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

Comments

akuiper · Accepted Answer · 2020-05-21 03:14:23Z

1

Replace () with {}:

export interface TableRow {
    [key: string]: string | number | { [key: string]: string } | { [key: string]: number }
}

answered May 21, 2020 at 3:14

akuiper

216k33 gold badges362 silver badges379 bronze badges