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:

typescriptinterface User {
  name: string,
  age: number
}

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

typescriptlet arr: User[] = [];

Llenemos nuestro arreglo con datos del tipo especificado:

typescriptarr.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:

typescriptlet arr: Date[] = [];

Llenemos este arreglo con fechas:

typescriptarr.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:

typescriptlet arr: HTMLElement[] = [];

Llenemos nuestro arreglo con datos:

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

Tareas prácticas