Declarando e Acessando Tuplas

Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 16 de 73.

A sintaxe para criar uma tupla é simples: você especifica os tipos de cada elemento entre colchetes, na ordem exata em que devem aparecer.

Para declarar uma tupla, você usa o formato [Type1, Type2, Type3] onde cada tipo corresponde a uma posição específica:

let productInfo: [string, number] = ["Laptop", 999];
let coordinates: [number, number] = [10, 20];
let userRecord: [number, string, boolean] = [1, "Alice", true];

O acesso a elementos de tupla funciona exatamente como o acesso a elementos de array usando a notação de índice. O TypeScript conhece o tipo exato em cada posição, para que você tenha total segurança de tipos:

let product: [string, number] = ["Phone", 599];
console.log(product[0]); // "Phone" (O TypeScript sabe que isso é uma string)
console.log(product[1]); // 599 (O TypeScript sabe que isso é um número)

A principal vantagem é que o TypeScript impõe tanto o tipo correto quanto a posição correta. Se você tentar acessar product[0].toFixed(), o TypeScript capturará o erro porque ele sabe que o primeiro elemento é uma string, não um número.

Desafio

Fácil

Crie uma tupla chamada productInfo que contenha uma string (nome do produto) seguida por um número (preço). Inicialize-a com o nome do produto "Gaming Mouse" e o preço 79.

Em seguida, crie outra tupla chamada coordinates que contenha dois números representando as posições x e y. Inicialize-a com os valores 15 e 25.

Acesse e imprima o nome do produto da tupla productInfo.

Acesse e imprima o preço da tupla productInfo.

Acesse e imprima a coordenada x da tupla coordinates.

Acesse e imprima a coordenada y da tupla coordinates.

Imprima cada valor em uma linha separada na ordem especificada acima.

Experimente você mesmo

// TODO: Escreva seu código aqui
// Crie a tupla productInfo com o nome do produto e o preço
// Crie a tupla coordinates com as posições x e y
// Acesse e imprima cada valor conforme especificado