Introducción a los tipos mapeados

Los tipos mapeados permiten transformar tipos existentes en otros nuevos mediante la aplicación de operaciones a cada propiedad de un tipo.

Son muy útiles para crear estructuras de tipos flexibles y reutilizables en TypeScript.

¿Qué son los tipos mapeados?

Los tipos mapeados utilizan una sintaxis como { [P in keyof T]: T[P] } para iterar sobre las propiedades de un tipo T.

Ejemplo básico de tipos mapeados

A continuación se muestra un ejemplo sencillo de cómo utilizar un tipo mapeado para crear una versión de solo lectura de un tipo:

type User = {
  name: string;
  age: number;
};

type ReadonlyUser = {
  readonly [P in keyof User]: User[P];
};

Uso de tipos mapeados integrados

TypeScript proporciona varios tipos mapeados integrados, como los siguientes:

• Readonly<T>: convierte todas las propiedades de T en propiedades de solo lectura.
• Partial<T>: convierte todas las propiedades de T en opcionales.
• Required<T>: convierte todas las propiedades de T en obligatorias.

type User = {
  name: string;
  age: number;
};

// Example of Partial
const user: Partial<User> = {
  name: 'John',
};

Mapeo de uniones

Los tipos mapeados también pueden utilizarse con tipos unión para crear tipos nuevos y combinados:

type Status = 'active' | 'inactive';

type StatusFlags = {
  [K in Status]: boolean;
};

const flags: StatusFlags = {
  active: true,
  inactive: false,
};

Tipos mapeados condicionales

Puede utilizar tipos condicionales con tipos mapeados para crear transformaciones de tipos más complejas.

type User = {
  name: string;
  age?: number;
};

type NonOptional<T> = {
  [K in keyof T]-?: T[K];
};

type RequiredUser = NonOptional<User>;

Ejemplo avanzado: exclusión de propiedades

Así puede crear un tipo mapeado para excluir determinadas propiedades:

type User = {
  id: number;
  name: string;
  password: string;
};

type PublicUser = {
  [K in keyof User as Exclude<K, 'password'>]: User[K];
};

Ejercicio práctico

Cree un tipo mapeado que añada un modificador readonly a todas las propiedades de un tipo Product. Póngalo a prueba declarando una variable del nuevo tipo.

¡Enhorabuena!

Ha aprendido a usar tipos mapeados para transformar dinámicamente tipos existentes en otros nuevos. ¡Practique estas técnicas para que su código de TypeScript sea aún más potente!