0Pricing
TypeScript Academy · Aula

Arrays tipados: T[] e Array<T>

Defina tipos para arrays e evite misturar valores incompatíveis.

Arrays tipados: T[] e Array<T> é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de TypeScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de TypeScript Academy inclui 4 aulas no total.

Boas-vindas

O TypeScript permite tipar vetores para que somente valores de um tipo específico possam ser armazenados. Esta lição aborda as duas formas de sintaxe e seus casos de uso.

A sintaxe T[]

A forma mais comum de tipar um vetor é acrescentar [] ao tipo dos elementos. Isso é chamado de sintaxe abreviada.
const numbers: number[] = [1, 2, 3];
const names: string[] = ['Alice', 'Bob'];
const flags: boolean[] = [true, false, true];

A sintaxe genérica Array<T>

A sintaxe genérica Array é equivalente a T[]. Algumas equipes preferem usá-la por consistência com outros tipos genéricos.
const scores: Array<number> = [95, 87, 73];
const tags: Array<string> = ['typescript', 'beginner'];

Erros de tipo em vetores

Se você tentar adicionar um valor do tipo errado, o TypeScript relatará um erro. Isso evita que vetores com tipos mistos causem problemas.
const ids: number[] = [1, 2, 3];
// ids.push('four'); // Error: Argument of type 'string' is not assignable to 'number'

Tipos de vetores inferidos

Se você inicializar um vetor com valores, o TypeScript inferirá o tipo dos elementos. Um vetor vazio infere `never[]` — sempre anote os vetores vazios.
const nums = [1, 2, 3];    // inferred: number[]
const mixed = [1, 'hi'];   // inferred: (string | number)[]
const empty: string[] = []; // must annotate

Vetores de objetos

Você pode tipar um vetor de objetos usando uma interface ou um alias de tipo como tipo dos elementos.
interface User { id: number; name: string; }
const users: User[] = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
];

Os métodos comuns de vetores são tipados

O TypeScript entende os métodos integrados de vetores. map, filter e find retornam resultados com os tipos corretos.
const nums: number[] = [1, 2, 3, 4];
const doubled: number[] = nums.map(n => n * 2);
const evens: number[] = nums.filter(n => n % 2 === 0);

Vetores aninhados

Tipe um vetor bidimensional aninhando a sintaxe de tipos de vetores.
const matrix: number[][] = [
  [1, 2, 3],
  [4, 5, 6],
];

Vetores com união de tipos

Para permitir vários tipos em um vetor, use uma união como tipo dos elementos.
const mixed: (string | number)[] = ['Alice', 1, 'Bob', 2];

Desestruturação de vetores com tipos

Ao desestruturar um vetor, o TypeScript infere os tipos das variáveis desestruturadas.
const coords: number[] = [10, 20];
const [x, y] = coords; // x: number, y: number

Escolhendo entre T[] e Array<T>

As duas formas são idênticas para o TypeScript. Use T[] para tipos simples. Use Array quando o tipo dos elementos for longo ou quando usar outros tipos genéricos para melhorar a clareza visual.

Verificação rápida

O que o TypeScript infere para um vetor vazio declarado como `const list = []`?

Recapitulação

Use T[] ou Array para tipar vetores no TypeScript. Sempre anote os vetores vazios. O TypeScript impõe o tipo dos elementos em push, map, filter e outras operações de vetores.

Perguntas Frequentes

A aula “Arrays tipados: T[] e Array<T>” é grátis?

Sim — o texto completo de “Arrays tipados: T[] e Array<T>” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de TypeScript Academy, atualize para CoddyKit PRO. O curso de TypeScript Academy inclui 4 aulas no total.

O que vou aprender em “Arrays tipados: T[] e Array<T>”?

Defina tipos para arrays e evite misturar valores incompatíveis. Você pratica TypeScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar TypeScript Academy?

Nenhuma experiência prévia é necessária. TypeScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.

Quanto tempo leva a aula “Arrays tipados: T[] e Array<T>”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de TypeScript Academy?

Sim. Cada aula de TypeScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. Arrays tipados: T[] e Array
  2. Arrays Readonly e dados imutáveis
  3. Tuplas: arrays tipados de tamanho fixo
  4. Enumerações: constantes numéricas e de texto
← Voltar para TypeScript Academy