Objektitaulukot TypeScriptissä

TypeScriptin taulukot voivat sisältää itsessään paitsi primitiivejä, myös tiettyjen tyyppien objekteja. Katsotaan esimerkkejä, kuinka työskennellä tällaisten taulukoiden kanssa.

Käyttäjätaulukko

Oletetaan, että meillä on käyttäjän määrittelevä rajapinta:

interface User {
	name: string,
	age: number
}

Esitellään taulukko määrittämällä sen sisällön tyypiksi käyttäjäobjektit (eli rajapintamme toteuttavat objektit):

let arr: User[] = [];

Täytetään taulukkomme määritellyn tyyppisillä datalla:

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

Päivämäärätaulukko

Esitellään taulukko, joka sisältää itsessään päivämäärätaulukon:

let arr: Date[] = [];

Täytetään tämä taulukko päivämäärillä:

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

DOM-elementtitaulukko

Esitellään taulukko, joka sisältää itsessään DOM-elementtejä:

let arr: HTMLElement[] = [];

Täytetään taulukkomme datalla:

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

Käytännön tehtävät

Tee taulukko, jonka elementit ovat säännöllisiä lausekkeita.

Tee taulukko, jonka elementit ovat promiseja.

Tee rajapinta, joka kuvaa työntekijän. Tee taulukko, joka koostuu näiden työntekijöiden objekteista.