Vetores e tuplas

Boas-vindas à próxima lição! Nesta lição, exploraremos como trabalhar com vetores e tuplas no TypeScript. Essas estruturas permitem armazenar vários valores de forma organizada. Vamos começar!

O que são vetores?

Um vetor é uma coleção de itens armazenada em uma única variável. No TypeScript, você pode especificar o tipo dos elementos de um vetor. Exemplo:

Tarefa: crie um vetor com seus números favoritos e registre-o no console.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
console.log(numbers);
console.log(names);

Acessando elementos de um vetor

Você pode acessar os elementos de um vetor usando o índice deles. Lembre-se: os índices de um vetor começam em 0:

Tarefa: tente acessar diferentes elementos de um vetor e registre-os no console.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

Métodos comuns de vetores

Os vetores do TypeScript vêm com muitos métodos úteis. Veja alguns exemplos:

• push: adiciona um elemento ao final do vetor.
• pop: remove o último elemento do vetor.
• comprimento: retorna o número de elementos do vetor.

Exemplo:

Tarefa: experimente métodos de vetores, como push e pop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

O que são tuplas?

Uma tupla é um vetor de comprimento fixo em que cada elemento pode ter um tipo diferente. As tuplas são úteis para agrupar dados relacionados de tipos diferentes. Exemplo:

Tarefa: crie uma tupla para representar um estudante com um nome e uma idade.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

Trabalhando com tuplas

Assim como os vetores, as tuplas oferecem indexação e métodos. No entanto, sua estrutura é fixa, e você não pode adicionar elementos extras sem modificar o tipo da tupla. Exemplo:

Tarefa: defina uma tupla para um ponto em um espaço 2D e registre seus valores.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

Usando vetores de tuplas

Você pode criar um vetor de tuplas para armazenar várias entradas de dados relacionados. Exemplo:

Tarefa: crie um vetor de tuplas para armazenar os nomes e as idades dos seus amigos.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

Erros comuns

Veja alguns erros comuns ao trabalhar com vetores e tuplas:

• Acessar elementos fora dos limites do vetor, o que resulta em undefined.
• Usar o tipo de dados errado em vetores ou tuplas, o que causa erros no TypeScript.
• Tentar alterar a estrutura de uma tupla sem atualizar seu tipo.

Dica: sempre especifique os tipos explicitamente para evitar comportamentos inesperados!

Muito bem!

Parabéns! Você aprendeu a usar matrizes e tuplas no TypeScript para armazenar e gerenciar coleções de dados. Essas são ferramentas essenciais para lidar com informações estruturadas em seus programas. Na próxima lição, exploraremos os tipos de união e de interseção para lidar com cenários mais complexos. Vamos continuar programando!