Container that has the ability to store objects conforming to specific interfaces

Question

Container that has the ability to store objects conforming to specific interfaces

If you were to envision having three different types of objects, they might look something like this:

interface X {
  testX: someType;
}

interface Y {
  testY: someOtherType[];
}

interface Z {
  testZ1: string;
  testZ2: number;
}

Now imagine a master object that could potentially contain any combination of these three interfaces (although none are mandatory). For example, a valid object could be structured as follows:

{
  master: {
    testY: [{...}],
    testZ1: 'example',
    testZ2: 456
  }
}

What would be the appropriate type or interface for this master object?

typescript

Answer 1

Answer №1

To make the object complete, you must specify that it is a combination of various partial interfaces:

interface CompleteObj {
  main: Partial<X> & Partial<Y> & Partial<Z>
}

const completeObj: CompleteObj = {
  main: {
    testY: [{...}],
    testZ1: 'test',
    testZ2: 123
  }
};

You can also group them in a single partial type, like this:

interface CompleteObj {
  main: Partial<X & Y & Z>
}

Answer 2

To make the object complete, you must specify that it is a combination of various partial interfaces:

interface CompleteObj {
  main: Partial<X> & Partial<Y> & Partial<Z>
}

const completeObj: CompleteObj = {
  main: {
    testY: [{...}],
    testZ1: 'test',
    testZ2: 123
  }
};

You can also group them in a single partial type, like this:

interface CompleteObj {
  main: Partial<X & Y & Z>
}

Container that has the ability to store objects conforming to specific interfaces

Answer №1

Similar questions

summing 3 numbers to a total of 100 percent

Clicking the button will trigger the onclick event

Ensure that the JSON file containing translations is fully loaded prior to proceeding with the loading of the Angular application

What distinguishes ReadonlyArray from the declaration "readonly arr: T[]"?

The function for batch insertion only functions with Postgresql and SQL Server databases

What is the most effective way to condense these if statements?

What is the best way to interpret a line break within a string variable in TypeScript?

Problem with ngStyle: Error indicating that the expected '}' is missing

Angular module cannot be located

I want to search through an array of tuples to find a specific value in the first index, and if there is a match, I need to return the value in the second index of the matching tuple

Creating Typescript type definitions for any object properties

Tips for converting numerical values in a JSON object to strings within a TypeScript interface

What is the best way to arrange an array of objects in a descending order in Angular?

Using the spread operator for type checking of generics is overly broad

What is the best method for inserting a hyperlink into the JSON string obtained from a subreddit?

Share information by including the provider within the @component declaration in Angular

Issues with sending emails through Nodemailer in a Next.js project using Typescript

To access the value of a DOM input in an Angular component, utilize the "renderer/renderer2" method

Encountered an error while trying to access the 'touched' property of undefined within Angular6 reactive forms

Toggle the visibility of a modal in code across various components in an Angular 4 project using Typescript