Arrays de objetos em TypeScript

Arrays em TypeScript podem conter não apenas primitivos, mas também objetos de tipos específicos. Vamos ver com exemplos como trabalhar com esses arrays.

Array de usuários

Suponha que temos uma interface que define um usuário:

interface User {
	name: string,
	age: number
}

Vamos declarar um array, especificando como tipo seu conteúdo objetos com usuários (ou seja, objetos, que implementam nossa interface):

let arr: User[] = [];

Vamos preencher nosso array com dados do tipo especificado:

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

Array de datas

Vamos declarar um array que armazena um array de datas:

let arr: Date[] = [];

Vamos preencher este array com datas:

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

Array de elementos DOM

Vamos declarar um array contendo elementos DOM:

let arr: HTMLElement[] = [];

Vamos preencher nosso array com dados:

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

Tarefas práticas

Faça um array cujos elementos serão expressões regulares.

Faça um array cujos elementos serão promises.

Faça uma interface descrevendo um trabalhador. Faça um array consistindo de objetos com esses trabalhadores.