Introdução aos tipos mapeados

Os tipos mapeados permitem transformar tipos existentes em novos, aplicando operações a cada propriedade de um tipo.

Eles são úteis para criar estruturas de tipos flexíveis e reutilizáveis no TypeScript.

O que são tipos mapeados?

Os tipos mapeados usam uma sintaxe como { [P in keyof T]: T[P] } para iterar sobre as propriedades de um tipo T.

Exemplo básico de tipos mapeados

Veja um exemplo simples de como usar um tipo mapeado para criar uma versão somente leitura de um tipo:

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

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

Usando tipos mapeados integrados

O TypeScript fornece vários tipos mapeados integrados, como:

• Readonly<T>: torna todas as propriedades de T somente leitura.
• Partial<T>: torna todas as propriedades de T opcionais.
• Required<T>: torna todas as propriedades de T obrigatórias.

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

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

Mapeamento sobre uniões

Os tipos mapeados também podem ser usados com tipos de união para criar novos tipos combinados:

type Status = 'active' | 'inactive';

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

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

Tipos mapeados condicionais

Você pode usar tipos condicionais com tipos mapeados para criar transformações de tipos mais complexas.

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

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

type RequiredUser = NonOptional<User>;

Exemplo avançado: exclusão de propriedades

Veja como criar um tipo mapeado para excluir determinadas propriedades:

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

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

Tarefa prática

Crie um tipo mapeado que adicione o modificador readonly a todas as propriedades de um tipo Product. Teste-o declarando uma variável do novo tipo.

Parabéns!

Você aprendeu a usar tipos mapeados para transformar tipos existentes em novos tipos dinamicamente. Pratique essas técnicas para tornar seu código TypeScript ainda mais poderoso!