Ty­pe­S­cri­pt arrays: cómo crearlos y ma­ni­pu­lar­los

La ti­pi­fi­ca­ción estática permite al co­m­pi­la­dor de Ty­pe­S­cri­pt hacer un se­gui­mie­n­to del tipo de datos de los elementos del array. De esta forma, los arrays de Ty­pe­S­cri­pt reducen la pro­pe­n­sión a errores en el código, lo que permite de­sa­rro­llar apli­ca­cio­nes más seguras y fiables.

¿Qué son los Ty­pe­S­cri­pt arrays?

Los Ty­pe­S­cri­pt arrays son listas ordenadas de valores. Al igual que en Ja­va­S­cri­pt, puedes usarlos para almacenar una colección de elementos. Estos elementos pueden ser de di­fe­re­n­tes tipos de datos, incluidos números, cadenas, objetos u otros arrays. Ty­pe­S­cri­pt tiene la ventaja de soportar tipado estático, por lo que puedes es­pe­ci­fi­car el tipo de datos de los elementos en un array. De esta forma, se mejorará la detección de errores durante el de­sa­rro­llo.

Una ca­ra­c­te­rí­s­ti­ca crucial de los arrays es que su tamaño es dinámico, lo que permite añadir o eliminar elementos sin necesidad de de­te­r­mi­nar el tamaño de antemano. Los arrays de Ty­pe­S­cri­pt son mutables por defecto. No obstante, puedes crear arrays in­mu­ta­bles, que pueden usarse para generar nuevos arrays basados en los exi­s­te­n­tes, uti­li­za­n­do métodos como map y filter. Los arrays si­m­pli­fi­can las tareas de filtrar, ordenar e iterar sobre elementos, y ofrecen una es­tru­c­tu­ra co­n­si­s­te­n­te para organizar datos.

Además, los arrays de Ty­pe­S­cri­pt pueden uti­li­zar­se como base para im­ple­me­n­tar es­tru­c­tu­ras de datos como pilas (Last-In-First-Out o LIFO) y colas (First-In-First-Out o FIFO). También son adecuados para re­pre­se­n­tar listas, tablas y co­le­c­cio­nes en muchas apli­ca­cio­nes. La capacidad de gestionar fá­ci­l­me­n­te elementos del mismo tipo hace que los arrays sean es­pe­cia­l­me­n­te útiles para procesar datos de fuentes externas, ya sea de API o bases de datos.

La sintaxis de los Ty­pe­S­cri­pt arrays

En Ty­pe­S­cri­pt, los arrays se declaran uti­li­za­n­do las palabras clave let, const o var seguidas de un nombre de variable y una es­pe­ci­fi­ca­ción del tipo de datos. La es­pe­ci­fi­ca­ción del tipo de datos se realiza después de escribir dos puntos y define qué tipo de datos deben tener los elementos en el array. Estos elementos se colocan dentro de corchetes y se separan por comas dentro de un bloque de ini­cia­li­za­ción del array.

Así es la sintaxis general para declarar Ty­pe­S­cri­pt arrays:

const variableName: datatype[] = [element1, element2, ...];

• va­ria­ble­Na­me es el nombre que le quieras poner al array.
• datatype indica qué tipo de datos deben tener los elementos en el array.
• [element1, element2, …] son los elementos o valores que deben al­ma­ce­nar­se en el array. Estos elementos deben tener un tipo de dato definido de antemano.

A co­n­ti­nua­ción, te dejamos varios ejemplos de esta sintaxis:

// Data type: Number
const numbers: number[] = [1, 2, 3, 4, 5];
// Data type: String
const numbers: string[] = ["Alice", "Bob", "Charlie"];
// Data type: Boolean
const booleans: boolean[] = [true, false];

Métodos de Ty­pe­S­cri­pt arrays

Los métodos de Ty­pe­S­cri­pt arrays son muy útiles y potentes, ya que te permiten procesar, tra­n­s­fo­r­mar y organizar datos en arrays de manera eficiente. La siguiente tabla pro­po­r­cio­na un resumen de los métodos de array comunes en Ty­pe­S­cri­pt y sus apli­ca­cio­nes.

Ejemplos de uso de los Ty­pe­S­cri­pt arrays

Los Ty­pe­S­cri­pt arrays son he­rra­mie­n­tas in­di­s­pe­n­sa­bles a la hora de organizar y procesar datos en las apli­ca­cio­nes. Vamos a enseñarte algunos de los pasos más im­po­r­ta­n­tes.

Cómo llamar elementos de arrays

Acceder a los elementos de un array en Ty­pe­S­cri­pt es una operación fu­n­da­me­n­tal que permite obtener elementos es­pe­cí­fi­cos dentro de un array. Puedes acceder a los elementos del array uti­li­za­n­do su índice, que indica su posición en el array. En Ty­pe­S­cri­pt, la in­de­xa­ción de los arrays comienza desde 0, es decir, el primer elemento tiene un índice de 0 y el segundo elemento tiene un índice de 1.

let myArray: number[] = [10, 20, 30, 40, 50];
// Accessing elements using index
let firstElement: number = myArray[0]; // Output: 10
let secondElement: number = myArray[1]; // Output: 20
let thirdElement: number = myArray[2]; // Output: 30
// Assigning a new value to an array element
myArray[3] = 99; // 4th element in myArray = 99

Des­es­tru­c­tu­ra­ción de arrays

Con la des­es­tru­c­tu­ra­ción de arrays en Ty­pe­S­cri­pt, puedes extraer valores de un array de manera rápida y sencilla y asi­g­nar­los variables.

let numberArray: number[] = [1, 2, 3];
// Array destructuring
let [firstNumber, secondNumber, thirdNumber] = numberArray;
// Access values
console.log(firstNumber); // Outputs 1
console.log(secondNumber); // Outputs 2
console.log(thirdNumber); // Outputs 3

Iteración sobre elementos en Ty­pe­S­cri­pt arrays

Te dejamos a co­n­ti­nua­ción un ejemplo de cómo iterar sobre un array en Ty­pe­S­cri­pt uti­li­za­n­do un bucle for:

let numbers: number[] = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
    console.log(numbers[i]);
}

En este código se crea un array llamado numbers que contiene números del 1 al 5. Después, se utiliza un bucle for para iterar sobre cada elemento del array. El bucle comienza en 0 y se aumenta i en cada pasada del bucle. Con numbers[i] se accede al elemento co­rre­s­po­n­die­n­te del array y se imprime.

Este es el resultado obtenido:

1
2
3
4
5