Typescript how to write nested object types with non-static keys

Question

I have an object like this, lets call theObject variable

         {
            "activate": {
                "from": "pending",
                "to": "active"
            },
            "deactivate": {
                "from": ["pending", "active"],
                "to": "inactive"
            }
        };

and example code like this

class Test {
   constructor(data : Object)
}

const test = new Test(theObject);

The code isn't returning any error since the type is correct. But I want more deep type interface for theObject. The list of objects within theObject can be anything and more, like this for example :

{
            "darkKnight": { // the key should be in string
                "from": "bruceWayne", // from should be string or array of string
                "to": "batman" // to should be string
            },
            "theAmazing": {
                "from": ["peterParker", "milesMorales"],
                "to": "spiderMan"
            },
            "manOfSteel": {
                "from": "clackKent",
                "to": "superman"
            }
        };

The question is, how to write the more deep type definition interface for theObject, rather than using Object type

You can use either Object Type or Interface along with index signature — Phu Ngo
– Phu Ngo, Commented Sep 15, 2020 at 5:40

user13258211 · Accepted Answer · 2020-09-15 05:31:58Z

1

Based on your samples a fitting interface could look somewhat like this:

interface ObjectType {
    [key: string]: { from: string | string[]; to: string; }
}

Playground

answered Sep 15, 2020 at 5:31

user13258211

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

1 Comment

Billy Adelphia Over a year ago

I thought that interface only applicable if the object only contain one key. Thank you.

Collectives™ on Stack Overflow

Typescript how to write nested object types with non-static keys

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related