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:

typescriptinterface User {
  name: string,
  age: number
}

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

typescriptlet arr: User[] = [];

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

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

Tablica dat

Zadeklarujmy tablicę przechowującą w sobie daty:

typescriptlet arr: Date[] = [];

Wypełnijmy tę tablicę datami:

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

Tablica elementów DOM

Zadeklarujmy tablicę zawierającą elementy DOM:

typescriptlet arr: HTMLElement[] = [];

Wypełnijmy naszą tablicę danymi:

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

Zadania praktyczne