Categories
28°C, New York
Home Typescript How to use Mapped Types In Typescript

How to use Mapped Types In Typescript

Using Interface

You can define your mapped type using the type alias in TypeScript that can be used to specify the keys of a particular type in an object.

Syntax:

type customType = {};

Example: The below code explains the use of the mapped types to declare specific type keys in an object.

Javascript 
type MyObject = {
  [key: string]: number;
};

const obj: MyObject = {
  a: 1,
  b: 2,
  c: 3
};
console.log(obj);

Output:

{ a: 1, b: 2, c: 3 }

How to Declare Specific Type of Keys in an Object in TypeScript ?

In TypeScript, object definitions can include specific key-value types using index signatures. You can declare specific types of keys in an object by using different methods as listed below:

Table of Content

  • Using Mapped Types
  • Using Interface
  • Using Inline Mapped Types with type

Similar Reads

Using Mapped Types

You can define your mapped type using the type alias in TypeScript that can be used to specify the keys of a particular type in an object....

Using Interface

You can also use a interface to define your custom type where the keys of the object are typed to a specific type and can later be used to type interface....

Using Inline Mapped Types with type

You can define a mapped type inline using the type keyword in TypeScript. This allows you to specify the keys of a particular type directly within the type declaration....

Tags:
#JavaScript #TypeScript #Web Technologies

Using Interface