Making an interface in typescript and using it to create an object with specified keys and values

Question

Making an interface in typescript and using it to create an object with specified keys and values

Is it possible to automatically generate an object that mirrors an interface in both keys and values?

Consider the following interface:

interface Person {
  name: string;
  age: number;
}

I want to create an object like this:

const personFieldNames = {
  name: "name",
  age: "age",
};

typescript interface

Answer 1

Answer №1

Creating an object from an interface is not possible due to the fact that interfaces only exist during compile time. However, you can create a type based on an existing object using the typeof keyword.

const animal = {
  species: 'dog',
  age: 3
}

type Animal = typeof animal

const spot: Animal = {
  species: 'dog',
  age: 5
}

Answer 2

Creating an object from an interface is not possible due to the fact that interfaces only exist during compile time. However, you can create a type based on an existing object using the typeof keyword.

const animal = {
  species: 'dog',
  age: 3
}

type Animal = typeof animal

const spot: Animal = {
  species: 'dog',
  age: 5
}

Answer 3

Answer №2

If you're trying to loop through properties of an Interface, you'll hit a roadblock because they are only accessible at compile time. However, one workaround is to create an object based on your Interface and then iterate over its properties.

interface Person {
  name: string;
  age: number;
}

const personFields: Person = {
  name: "John",
  age: 30,
};

let newObject = {};

Object.keys(personFields)
.forEach(key => {
    newObject = {...newObject, [key]: key};
})

console.log(newObject);

Output:

[LOG]: {
  "name": "name",
  "age": "age"
}

Alternatively, you can utilize the ts-transformer-key library mentioned here

Answer 4

If you're trying to loop through properties of an Interface, you'll hit a roadblock because they are only accessible at compile time. However, one workaround is to create an object based on your Interface and then iterate over its properties.

interface Person {
  name: string;
  age: number;
}

const personFields: Person = {
  name: "John",
  age: 30,
};

let newObject = {};

Object.keys(personFields)
.forEach(key => {
    newObject = {...newObject, [key]: key};
})

console.log(newObject);

Output:

[LOG]: {
  "name": "name",
  "age": "age"
}

Alternatively, you can utilize the ts-transformer-key library mentioned here

Making an interface in typescript and using it to create an object with specified keys and values

Answer №1

Answer №2

Similar questions

Is there a method to incorporate absolute paths in SCSS while working with Vite?

Can someone help me figure out how to simulate an express middleware class method using jest and supertest?

Errors slipping through the cracks of Express middleware

What is the process for restoring or installing chai typings that have been specified as devDependencies?

Retrieve the 90 days leading up to the current date using JavaScript

Implement a Vue TypeScript class component using the vuedraggable library

concealing a div within an *ngFor iteration

What is the best way to ensure that my variable updates whenever its reference changes?

Experimenting with Cesium using Jasmine (Angular TypeScript)

Utilize an array as the response model in Amazon API Gateway using the AWS CDK

Angular's custom error handler is failing to function as intended

Setting values for TypeScript objects

Pause until the user selects either the confirm or deny option before proceeding with the next action

Special Syntax for Defining Custom Record Keys in TypeScript

Enforcing uniform data types in nested objects in TypeScript

Issue with Ionic 2's infinite scroll not triggering method on second scroll attempt

Troubleshooting TS Errors in Vue 3 and Vite with Typescript Integration

Tips for keeping a React-Table row expanded during re-render processes

Ignore a directory during TypeScript compilation

React 18 update causes malfunctioning of react-switch-selector component