Arreglos de objetos en TypeScript

Los arreglos en TypeScript pueden contener no solo primitivos, sino también objetos de tipos específicos. Veamos con ejemplos cómo trabajar con tales arreglos.

Arreglo de usuarios

Supongamos que tenemos una interfaz que define un usuario:

interface User {
	name: string,
	age: number
}

Declaremos un arreglo, especificando como tipo de su contenido objetos con usuarios (es decir, objetos que implementan nuestra interfaz):

let arr: User[] = [];

Llenemos nuestro arreglo con datos del tipo especificado:

arr.push({name: 'john', age: 30});
arr.push({name: 'eric', age: 40});

Arreglo de fechas

Declaremos un arreglo que almacene en sí un arreglo de fechas:

let arr: Date[] = [];

Llenemos este arreglo con fechas:

arr.push(new Date(2030, 11, 31));
arr.push(new Date(2020, 11, 31));

Arreglo de elementos DOM

Declaremos un arreglo que contenga en sí elementos DOM:

let arr: HTMLElement[] = [];

Llenemos nuestro arreglo con datos:

let lst: NodeList = document.querySelectorAll('div');
let arr: HTMLElement[] = Array.from(lst);

Tareas prácticas

Crea un arreglo cuyos elementos sean expresiones regulares.

Crea un arreglo cuyos elementos sean promesas.

Crea una interfaz que describa a un trabajador. Crea un arreglo que consista en objetos con estos trabajadores.