Tablice obiektów w TypeScript

Tablice w TypeScript mogą zawierać w sobie nie tylko prymitywy, ale także obiekty określonych typów. Spójrzmy na przykładach, jak pracować z takimi tablicami.

Tablica użytkowników

Załóżmy, że mamy interfejs definiujący użytkownika:

interface User {
	name: string,
	age: number
}

Zadeklarujmy tablicę, wskazując jako typ jej zawartości obiekty z użytkownikami (czyli obiekty realizujące nasz interfejs):

let arr: User[] = [];

Wypełnijmy naszą tablicę danymi określonego typu:

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

Tablica dat

Zadeklarujmy tablicę przechowującą w sobie daty:

let arr: Date[] = [];

Wypełnijmy tę tablicę datami:

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

Tablica elementów DOM

Zadeklarujmy tablicę zawierającą elementy DOM:

let arr: HTMLElement[] = [];

Wypełnijmy naszą tablicę danymi:

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

Zadania praktyczne

Stwórz tablicę, której elementami będą wyrażenia regularne.

Stwórz tablicę, której elementami będą promisy.

Stwórz interfejs opisujący pracownika. Stwórz tablicę składającą się z obiektów z tymi pracownikami.