Arrays e ReadonlyArray
Aprenda os fundamentos de arrays, a diferença entre arrays mutáveis e ReadonlyArray e como usar métodos tipados com segurança.
Arrays e ReadonlyArray é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 1 de 3. 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 3 aulas no total.
Introdução
Objetivo: entender como declarar vetores, usar métodos com tipos e saber quando usar ReadonlyArray para obter imutabilidade.
Declaração de vetor
Vetores podem ser tipados com a sintaxe do tipo de elemento (por exemplo, number[]).
const numbers: number[] = [1, 2, 3];
console.log(numbers[0]);Tipo genérico de vetor
Você também pode usar a forma genérica Array<T>, que é equivalente a T[].
const words: Array<string> = ["a", "b", "c"];
console.log(words.length);Métodos de vetor
Métodos de vetor como map, filter e reduce preservam automaticamente as informações de tipo.
const nums: number[] = [1, 2, 3];
const doubled = nums.map(n => n * 2);
console.log(doubled);ReadonlyArray
ReadonlyArray garante a imutabilidade: não há métodos disponíveis para adicionar, remover ou reatribuir elementos.
const readonlyNums: ReadonlyArray<number> = [1, 2, 3];
// readonlyNums.push(4); // ErrorQuando usar ReadonlyArray
Use ReadonlyArray quando quiser
- garantir que não ocorram alterações acidentais
- passar dados com segurança entre funções
- sinalizar a intenção de manter a imutabilidade
Verificação de ReadonlyArray
Verificação rápida: qual afirmação sobre ReadonlyArray no TypeScript é TRUE?
Recapitulação
Recapitulação: os vetores podem ser tipados como T[] ou Array<T>. Use métodos com segurança de tipos. Escolha ReadonlyArray quando a imutabilidade for necessária.
Perguntas Frequentes
A aula “Arrays e ReadonlyArray” é grátis?
Sim — o texto completo de “Arrays e ReadonlyArray” é 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 3 aulas no total.
O que vou aprender em “Arrays e ReadonlyArray”?
Aprenda os fundamentos de arrays, a diferença entre arrays mutáveis e ReadonlyArray e como usar métodos tipados com segurança. 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 3.
Quanto tempo leva a aula “Arrays e ReadonlyArray”?
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
- Arrays e ReadonlyArray
- Tuplas e tuplas rotuladas
- Enums versus const enum versus alternativas de literais de união