How to map generic objects to a typescript class

Question

I'm new to typescript and I have a JSON object as below. I want to map below object to a generic interface as below, but I'm sure that's incorrect. Help me constructing a generic interface/class which can handle below mapping.

JSON Object

"parentValue": {
            "childValue1": {
                "resource": "childValue1",
                "application": "childValue1",
                "permissions": [
                    "READ"
                ],
                "attributeConstraints": {},
                "attributeConstraintsCount": 0
            },"childValue2": {
                "resource": "childValue2",
                "application": "childValue2",
                "permissions": [
                    "READ"
                ],
                "attributeConstraints": {},
                "attributeConstraintsCount": 0
            },
            "childValue3": {
                "resource": "childValue3",
                "application": "childValue3",
                "permissions": [
                    "READ"
                ],
                "attributeConstraints": {},
                "attributeConstraintsCount": 0
            }

}

Typescript Interface

interface ParentValue{
   childValue: ChildValue<T>
}

export interface ChildValue<T>{
  childDetails: ChildDetails
}

export ChildDetails{
 resource: string;
  application: string;
  permissions: string[];
  attributeConstraints: AttributeConstraints;
  attributeConstraintsCount: number;
}

Alexandre Annic · Accepted Answer · 2019-12-18 09:37:52Z

1

There is nothing generic in your case. Simply write something like that:

export ChildDetails {
  resource: string;
  application: string;
  permissions: string[];
  attributeConstraints: AttributeConstraints;
  attributeConstraintsCount: number;
}

interface ParentValue {
  childValue1: ChildDetails,
  childValue2: ChildDetails,
  childValue3: ChildDetails,
}

If you have an unlimited number of childValueX there is nothing you can do better than:

interface ParentValue { 
  [key: string]: ChildDetails 
}

But you can't tell to the compiler that key looks like childValue\d+.

answered Dec 18, 2019 at 9:37

Alexandre Annic

10.9k6 gold badges44 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

How to map generic objects to a typescript class

JSON Object

Typescript Interface

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

JSON Object

Typescript Interface

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related