Desestruturando Tuplas
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 17 de 73.
Embora acessar elementos de tupla por índice funcione perfeitamente, existe uma maneira ainda mais elegante de extrair valores de tuplas: destructuring. Este recurso do JavaScript funciona perfeitamente com as tuplas tipadas do TypeScript, permitindo que você desempacote valores de tupla em variáveis separadas em uma única linha.
A desestruturação de array usa colchetes no lado esquerdo de uma atribuição para criar novas variáveis que correspondem a cada posição na tupla:
let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;
console.log(id); // 42 (o TypeScript sabe que isso é um número)
console.log(name); // "Alice" (o TypeScript sabe que isso é uma string)Desafio
FácilCrie uma tupla chamada employee que contenha um número (ID do funcionário) seguido por uma string (nome do funcionário). Inicialize-a com o ID 1001 e o nome "Sarah Johnson".
Use a desestruturação para extrair os valores da tupla employee em duas variáveis separadas chamadas empId e empName.
Crie outra tupla chamada coordinates que contenha dois números representando as coordenadas de latitude e longitude. Inicialize-a com os valores 40.7128 e -74.0060.
Use a desestruturação para extrair os valores da tupla coordinates em duas variáveis separadas chamadas latitude e longitude.
Imprima as variáveis desestruturadas na seguinte ordem, cada uma em uma linha separada:
- Imprima o ID do funcionário
- Imprima o nome do funcionário
- Imprima a latitude
- Imprima a longitude
Experimente você mesmo
// TODO: Escreva seu código aqui
// Crie a tupla employee com o ID 1001 e o nome "Sarah Johnson"
// Use a desestruturação para extrair empId e empName
// Crie a tupla coordinates com os valores 40.7128 e -74.0060 (evite usar 'location' como nome de variável)
// Use a desestruturação para extrair latitude e longitude
// Imprima todas as quatro variáveis na ordem especificada
// Imprima os resultados (descomente e modifique conforme necessário)
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);Esta 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 Tipadas2Tipos 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 TuplasPratique por conta própria: Compilador de JavaScript online