Arrays y Tuples

Colecciones ordenadas de elementos tipados.

Arrays

TypeScript puede tipar arrays de dos formas:

typescript

// Forma 1: tipo[]
let numeros: number[] = [1, 2, 3];
let nombres: string[] = ["Ana", "Juan"];

// Forma 2: Array<tipo>
let numeros2: Array<number> = [1, 2, 3];

Métodos de arrays

typescript

let nums: number[] = [1, 2, 3, 4, 5];

nums.push(6);          // Agrega al final
nums.pop();            // Elimina del final
nums.includes(3);      // true
nums.find(n => n > 3); // 4
nums.filter(n => n > 2); // [3, 4, 5]
nums.map(n => n * 2);  // [2, 4, 6, 8, 10]
nums.reduce((a, b) => a + b, 0); // 15
nums.forEach(n => console.log(n));
nums.sort((a, b) => a - b);

Arrays mixtos

typescript

// Union types en arrays
let mixto: (string | number)[] = [1, "dos", 3, "cuatro"];

Tuples

Una tuple es un array con tipos fijos en cada posición.

typescript

let persona: [string, number] = ["Ana", 25];

// Acceso
persona[0]; // "Ana" (string)
persona[1]; // 25 (number)

// persona = [25, "Ana"]; // Error: tipos invertidos

Tuples con label

typescript

type Par = [string, number];
let par: Par = ["edad", 25];

Retornar tuples de funciones

typescript

function divide(a: number, b: number): [number, boolean] {
  if (b === 0) return [0, false];
  return [a / b, true];
}

let [resultado, exito] = divide(10, 2);

Ejercicio pratico

Crea un array de 5 numeros, filtra los mayores a 3, y multiplica cada uno por 10.

exercise.ts

Resultado

Haz clic en "Ejecutar" para ver el resultado...

Strings, Numeros y Booleans

Objetos e Interfaces