Arrays y tuplas

¡Bienvenido a la siguiente lección! En esta lección, exploraremos cómo trabajar con arrays y tuplas en TypeScript. Estas estructuras le permiten almacenar varios valores de forma organizada. ¡Comencemos!

¿Qué son los arrays?

Un array es una colección de elementos almacenados en una sola variable. En TypeScript, puede especificar el tipo de los elementos de un array. Ejemplo:

Tarea: Cree un array con sus números favoritos y muéstrelo en la consola.

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

Acceder a los elementos de un array

Puede acceder a los elementos de un array mediante su índice. Recuerde que los índices de los arrays empiezan en 0:

Tarea: Pruebe a acceder a distintos elementos de un array y muéstrelos en la consola.

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

Métodos comunes de los arrays

Los arrays de TypeScript incluyen muchos métodos útiles. Estos son algunos ejemplos:

• push: Añade un elemento al final del array.
• pop: Elimina el último elemento del array.
• length: Devuelve la cantidad de elementos del array.

Ejemplo:

Tarea: Experimente con métodos de arrays como push y 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

¿Qué son las tuplas?

Una tupla es un array de longitud fija en el que cada elemento puede tener un tipo diferente. Las tuplas son útiles para agrupar datos relacionados de distintos tipos. Ejemplo:

Tarea: Cree una tupla que represente a un estudiante con su nombre y edad.

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

Trabajar con tuplas

Al igual que los arrays, las tuplas admiten índices y métodos. Sin embargo, su estructura es fija y no puede añadir elementos adicionales sin modificar el tipo de la tupla. Ejemplo:

Tarea: Defina una tupla para un punto en un espacio 2D y muestre sus 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

Usar arrays de tuplas

Puede crear un array de tuplas para almacenar varias entradas de datos relacionados. Ejemplo:

Tarea: Cree un array de tuplas para almacenar los nombres y las edades de sus 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

Errores comunes

Estos son algunos errores comunes al trabajar con arrays y tuplas:

• Acceder a elementos fuera de los límites del array (el resultado es undefined).
• Usar el tipo de datos incorrecto en arrays o tuplas (provoca errores en TypeScript).
• Intentar cambiar la estructura de una tupla sin actualizar su tipo.

Consejo: ¡Especifique siempre los tipos explícitamente para evitar comportamientos inesperados!

¡Excelente trabajo!

¡Felicitaciones! Ha aprendido a utilizar matrices y tuplas en TypeScript para almacenar y administrar colecciones de datos. Estas son herramientas esenciales para trabajar con información estructurada en sus programas. En la próxima lección, exploraremos los tipos de unión y de intersección para abordar situaciones más complejas. ¡Sigamos programando!