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:

typescriptinterface 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):

typescriptlet arr: User[] = [];

Vamos preencher nosso array com dados do tipo especificado:

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

Array de datas

Vamos declarar um array que armazena um array de datas:

typescriptlet arr: Date[] = [];

Vamos preencher este array com datas:

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

Array de elementos DOM

Vamos declarar um array contendo elementos DOM:

typescriptlet arr: HTMLElement[] = [];

Vamos preencher nosso array com dados:

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

Tarefas práticas