Menu
Coddy logo textTech

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 tuplas por índice funcione perfeitamente, há uma maneira ainda mais elegante de extrair valores de tuplas: desestruturação. Esse recurso do JavaScript funciona perfeitamente com as tuplas tipadas do TypeScript, permitindo desempacotar os valores da 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)
challenge icon

Desafio

Fácil

Crie 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 ordem a seguir, 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);
quiz iconTeste seus conhecimentos

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

Pratique por conta própria: Compilador de JavaScript online