Objektmatriser i TypeScript

Matriser i TypeScript kan inneholde ikke bare primitiver, men også objekter av bestemte typer. La oss se på eksempler på hvordan du jobber med slike matriser.

Brukermatrise

La oss si at vi har et grensesnitt som definerer en bruker:

typescriptinterface User {
  name: string,
  age: number
}

La oss deklarere en matrise ved å spesifisere typen av dens innhold som objekter med brukere (dvs. objekter som implementerer vårt grensesnitt):

typescriptlet arr: User[] = [];

La oss fylle matrisen vår med data av den spesifiserte typen:

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

Dato-matrise

La oss deklarere en matrise som lagrer en matrise av datoer:

typescriptlet arr: Date[] = [];

La oss fylle denne matrisen med datoer:

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

DOM-element-matrise

La oss deklarere en matrise som inneholder DOM- elementer:

typescriptlet arr: HTMLElement[] = [];

La oss fylle matrisen vår med data:

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

Praktiske oppgaver