What is the best way to display the output of a Set-typed function using a class key in my code?

Question

What is the best way to display the output of a Set-typed function using a class key in my code?

I'm currently working on developing a function that can return a Set containing the keys of a class. However, I am struggling to determine the correct definition for this function.

class Bot {
  public no01: number;
  public no02: number;

  constructor(no01: number, no02: number) {
    this.no01 = no01;
    this.no02 = no02;
  }
}

function getKeySet(): Set<keyof Bot> {
  return new Set(["no01"]);
}

Unfortunately, when testing it out, I consistently encounter the following error message:

"Type 'Set<string>' is not assignable to type 'Set<keyof Bot>'.
 Type 'string' is not assignable to type 'keyof Bot'."

typescript

Answer 1

Answer №1

Consider a more detailed approach that still ensures type safety:

class Robot {
  public number01: number;
  public number02: number;
}

function getRobotKeys(): Set<keyof Robot> {
  const keyValues: (keyof Robot)[] = ["number01"];
  // const invalidKeys: (keyof Robot)[] = ["number03"]; // This will trigger an error
  return new Set(keyValues);
}

Answer 2

Consider a more detailed approach that still ensures type safety:

class Robot {
  public number01: number;
  public number02: number;
}

function getRobotKeys(): Set<keyof Robot> {
  const keyValues: (keyof Robot)[] = ["number01"];
  // const invalidKeys: (keyof Robot)[] = ["number03"]; // This will trigger an error
  return new Set(keyValues);
}

What is the best way to display the output of a Set-typed function using a class key in my code?

Answer №1

Similar questions

Utilize the useState hook to update state when changes occur in the

I have to make sure not to input any letters on my digipas device

Tips for adding temporary text in filter input of Kendo UI Grid using Angular

Using Firebase with Angular 4 to fetch data from the database and show it in the browser

Is it feasible to obtain the userId or userInfo from the Firebase authentication API without requiring a login?

Step-by-step guide on incorporating a climate clock widget into your Angular project

The potential issue of undefined objects in TypeScript when utilizing computed properties in Vue3

What could be causing Highlight.js to fail to work following a redirect?

Adding SVG to Component

The updated values in an Angular application may not always be accurately represented by interpolated values

What is the process for waiting on RxJS data and how should it be retrieved?

Error Alert: Redundant Identifier in Angular 2 TypeScript Documents

What is the correct way to set the default function parameter as `v => v` in JavaScript?

Using a function to reset a radio button selection in Ionic

strange complications with importing TypeScript

Is there a way to retrieve the Incoming Message object in Angular using HttpClient?

The Angular Material side navigation module is not being acknowledged

Error message: "Lazy-loaded modules encounter a TypeError stating that '' is not a function when accessed through NGINX."

Speedy Typescript inquiry query

What is the best way to retrieve a data type from an array using typescript?