Typescript dynamic object interface

Question

I'm using javascript to create an object and want to add in an interface for the data:

Javascript:

const childGroups: Children = {};
      childGroups.children = [];

// Pushing some data 
childGroups.children.push(children);

Interface:

export interface Child {
    ClusterPoint
}

export interface Children {
    children: {
        [key: number]: Child
    }
}

I'm getting the below errors: Property 'children' is missing in type '{}' but required in type 'Children'. Property 'push' does not exist on type {[key: number]: Child}

The data looks this:

Any help would be appreciated.

Update

Thanks to Nikita Madeev, I managed to get it to work with this:

export interface Child {
    children: {
        ClusterPoint
    };
}

export interface Children {
    children: Child[];
}

Nikita Madeev · Accepted Answer · 2020-06-22 10:42:51Z

5

export interface Child {
    ClusterPoint;
}

export interface Children {
    children: Child[];
}

const childGroups: Children = { children: [] };

// Pushing some data
childGroups.children.push(newChildren);

Children.children - object, not array, object has not push method
During initialization, you need to specify all the necessary properties

answered Jun 22, 2020 at 10:42

Nikita Madeev

4,49012 silver badges23 bronze badges

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

1 Comment

designtocode Over a year ago

Thanks for this. It didn't work 100%, had to change Child interface, will add it to my question.

Varun Juneja · Accepted Answer · 2020-06-22 10:51:17Z

0

If you want to achieve this structure

const childGroups: Children = {};
      childGroups.children = [];

then interfaces would be

export interface Children {
    children?: Child[];
}

and if you want to achieve this structure

const childGroups: Children = {};
      childGroups.children = {[some_id]: some_childValue};

then interface would be

export interface Children {
    children?: {
      [key: number]: Child
     };
}

answered Jun 22, 2020 at 10:51

Varun Juneja

612 bronze badges

Collectives™ on Stack Overflow

Typescript dynamic object interface

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