Arrays Tipados
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy — lição 13 de 73.
Arrays tipados são um dos recursos mais poderosos do TypeScript para organizar e gerenciar múltiplos valores, mantendo a segurança de tipos.
No TypeScript, você pode especificar que um array deve conter apenas elementos de um tipo específico usando a sintaxe Type[]. Isso garante que cada elemento no array corresponda ao tipo esperado, prevenindo erros comuns que ocorrem ao misturar diferentes tipos de dados.
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];Quando você declara um array tipado, o TypeScript impõe que apenas valores do tipo especificado possam ser adicionados a ele. Isso significa que você não pode misturar acidentalmente strings com números ou outros tipos incompatíveis, o que ajuda a capturar erros durante o desenvolvimento em vez de no tempo de execução.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Desafio
FácilCrie um array tipado chamado scores que possa conter apenas números e inicialize-o com os valores 85, 92 e 78.
Em seguida, crie outro array tipado chamado studentNames que possa conter apenas strings e inicialize-o com os valores "Alice", "Bob" e "Charlie".
Finalmente, crie um array tipado chamado passedExams que possa conter apenas valores booleanos e inicialize-o com true, false e true.
Imprima todos os três arrays no console em linhas separadas na ordem em que foram criados.
Folha de consulta
Arrays tipados no TypeScript garantem que os arrays contenham apenas elementos de um tipo específico usando a sintaxe Type[]:
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];O TypeScript reforça a segurança de tipos ao impedir que você misture tipos incompatíveis no mesmo array, capturando erros durante o desenvolvimento.
Experimente você mesmo
// TODO: Escreva seu código aqui
// Crie os três arrays tipados conforme descrito no desafio
// Imprima todos os três arrays no consoleEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Introdução ao TypeScript
1Primeiros Passos com TS
O que é TypeScript?Por que usar TypeScript?Seu Primeiro Código TypeScriptProcesso de Compilação e ErrosRecapitulação: Introdução ao TS4Trabalhando com Funções
Tipagem de Parâmetros e RetornosTipagem de Arrow FunctionsO Tipo de Retorno 'void'Parâmetros Opcionais com '?'Valores Padrão de ParâmetrosTipagem de Rest ParametersDefinindo Tipos de FunçõesRecapitulação: Criando Funções Tipadas
2Tipos Principais
Tipos Básicos: str, num, booleanO Tipo 'any': Válvula de EscapeO Tipo 'unknown'Trabalhando com 'null' e 'undef'Inferência de Tipo na PráticaAnotações de Tipo ExplícitasRecapitulação: Prática de Tipos Principais5Tipos: Aliases, Uniões e Interseções
Aliases de Tipos para PrimitivosTipos de União ('|')Trabalhando com Tipos de UniãoTipos LiteraisTipos de Interseção ('&')Combinando Aliases de TiposRecapitulação: Combinações Avançadas de Tipos3Estrutura de Dados: Arrays e Tuplas
Arrays TipadosModificador 'readonly' para ArraysO que é uma Tupla?Declarando e Acessando TuplasDesestruturando TuplasTuplas ReadonlyArrays Tipados MultidimensionaisSpread Operator com ArraysRecapitulação: Arrays e Tuplas