Cómo trabajar con matrices y tuplas de TypeScript
TypeScript amplía JavaScript con características de tipo adicionales, lo que facilita el trabajo con estructuras de datos complejas, como matrices y tuplas. Esta guía le presentará las matrices y las tuplas en TypeScript, incluido cómo definirlas, manipularlas y usarlas de manera eficaz.
Matrices de TypeScript
Las matrices en TypeScript son similares a las matrices en JavaScript, pero tienen la ventaja adicional de las anotaciones de tipo. Esto garantiza que todos los elementos de la matriz se ajusten a un tipo específico.
Definición de matrices
Para definir una matriz en TypeScript, se especifica el tipo de sus elementos seguido de []
:
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
En este ejemplo, numbers
es una matriz de number
y names
es una matriz de string
.
Métodos de matriz
Las matrices de TypeScript admiten varios métodos similares a las matrices de JavaScript. A continuación, se muestran algunos métodos comunes:
push()
: Agrega un elemento al final de la matriz.pop()
: elimina el último elemento de la matriz.shift()
: Elimina el primer elemento de la matriz.unshift()
: agrega un elemento al comienzo de la matriz.map()
: Crea una nueva matriz aplicando una función a cada elemento.
Ejemplo de matriz
let numbers: number[] = [1, 2, 3, 4, 5];
numbers.push(6); // [1, 2, 3, 4, 5, 6]
let doubled = numbers.map(n => n * 2); // [2, 4, 6, 8, 10, 12]
Tuplas de TypeScript
Las tuplas son un tipo especial de matriz en TypeScript en la que cada elemento puede tener un tipo diferente. Las tuplas son útiles cuando se necesita trabajar con una cantidad fija de elementos de distintos tipos.
Definición de tuplas
Para definir una tupla, utilice corchetes []
con tipos específicos para cada elemento:
let person: [string, number] = ["Alice", 30];
En este ejemplo, persona
es una tupla donde el primer elemento es una cadena
y el segundo elemento es un número
.
Acceder a los elementos de una tupla
Acceda a los elementos de una tupla utilizando su índice, de forma similar a las matrices:
let person: [string, number] = ["Alice", 30];
let name = person[0]; // "Alice"
let age = person[1]; // 30
Tupla con elementos opcionales
Las tuplas también pueden incluir elementos opcionales:
let person: [string, number?] = ["Alice"];
let personWithAge: [string, number?] = ["Bob", 30];
En este ejemplo, el segundo elemento de la tupla es opcional.
Conclusión
Las matrices y tuplas de TypeScript ofrecen formas eficaces de manejar colecciones de datos con una sólida seguridad de tipos. Si comprende cómo definir, manipular y usar matrices y tuplas, podrá escribir código más sólido y fácil de mantener. Use matrices para listas de datos homogéneos y tuplas para colecciones de tamaño fijo con datos heterogéneos.