Typescript definition of dynamic object with dynamic keys

Question

I got data from an external interface and the data structure is kind of strange. I am trying to build a typescript interface for it.

{
   "userIds": {
        "431a87306b4bcba4": {
          "user_name": "JonDoe",
          "first_name": "Jon",
          "last_name": "Doe",
          "name": "JonDoe"
        },
        "141a87306b4bcba4": {
          "user_name": "JonDoe2",
          "first_name": "Jon2",
          "last_name": "Doe2",
          "name": "JonDoe2"
        }
      }
}

My idea was this, but I think it is not correct.

export class Data {
  userIds: Dic;
}

interface Dic {
  [key: string]: User
}

export class User {
  user_name: string;
  first_name: string;
  last_name: string;
  name: string;
}

Would be glad if one of you type experts could help me - thanks :)

Mushroomator · Accepted Answer · 2022-03-22 09:38:33Z

You could make use of Record<string, User>.

export interface Data {
  userIds: Record<string, User>;
}

export interface User {
  user_name: string;
  first_name: string;
  last_name: string;
  name: string;
}

const data: Data = {
  userIds: {
    "431a87306b4bcba4": {
      user_name: "JonDoe",
      first_name: "Jon",
      last_name: "Doe",
      name: "JonDoe",
    },
    "141a87306b4bcba4": {
      user_name: "JonDoe2",
      first_name: "Jon2",
      last_name: "Doe2",
      name: "JonDoe2",
    },
  },
};

Please note: What you have posted here is not valid JSON and not a valid JS object so I have added {} around that to make it a valid object.

"userIds": {
        "431a87306b4bcba4": {
          "user_name": "JonDoe",
          "first_name": "Jon",
          "last_name": "Doe",
          "name": "JonDoe"
        },
        "141a87306b4bcba4": {
          "user_name": "JonDoe2",
          "first_name": "Jon2",
          "last_name": "Doe2",
          "name": "JonDoe2"
        }
      }

Collectives™ on Stack Overflow

Typescript definition of dynamic object with dynamic keys

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