What is the best method for transforming an object into an interface without prior knowledge of the keys

Question

What is the best method for transforming an object into an interface without prior knowledge of the keys

I am looking for a solution to convert a JSON into a TypeScript object. Here is an example of the JSON data:

{
  "key1": {
    "a": "b"
  },
  "key2": {
    "a": "c"
  }
}

The keys key1 and key2 are unknown, so I cannot directly create an interface for them. However, the objects associated with these keys are always the same.

Currently, I have defined my object as follows:

export interface MyObj {
  a: string;
}

But how can I convert the JSON into an object? I attempted to use a map object type like this:

export interface AllMyObj {
  valKey: Map<string, MyObj>;
}

However, I am unsure what should be used in place of valKey.

json typescript

Answer 1

Answer №1

Your interface should expand to Record<string, MyObj> (TS playground):

export interface MyObj {
  a: string;
}

interface AllMyObj extends Record<string, MyObj>{}

Alternatively, you can simply use it as a type (TS playground):

export interface MyObj {
  a: string;
}

type AllMyObj = Record<string, MyObj>

Answer 2

Your interface should expand to Record<string, MyObj> (TS playground):

export interface MyObj {
  a: string;
}

interface AllMyObj extends Record<string, MyObj>{}

Alternatively, you can simply use it as a type (TS playground):

export interface MyObj {
  a: string;
}

type AllMyObj = Record<string, MyObj>

What is the best method for transforming an object into an interface without prior knowledge of the keys

Answer №1

Similar questions

Parsing PHP JSON data into variables

Creating variables in Typescript

How do I set up middleware with async/await in NestJS?

Sending data to and retrieving data from a server

Template7 produces a bizarre outcome referred to as "each this" whenever JSON is utilized

IE8 is encountering a null JSON response from the HTTP handler, unlike IE10 and Chrome which are not experiencing this

Save the ID values of selected users in Angular Mentions feature

Decoding JSON using JavaScript

Using PHP's foreach loop to iterate through an array and generate a JSON file

Next.js does not recognize Typescript Context

Tips for Modifying the currentUrl identifier in Angular 2

An error occurred while trying to add a property to an array because the object is not extensible: TypeError -

Original: Generic for type guard functionRewritten: Universal

Tips on how to effectively unit test error scenarios when creating a DOM element using Angular

"Implementing self-referencing mongoose models in Typescript: A step-by-step guide

How can we use tsyringe (a dependency injection library) to resolve classes with dependencies?

Navigating to a specific div within a container with vertical overflow in an Angular application

Creating an Angular component to display a dynamic table using ngFor directive for a nested JSON data structure

Parsing JSON data repeatedly using JavaScript within an HTML environment

What is the best way to switch the CSS class of a single element with a click in Angular 2