Objektarrayer i TypeScript

Arrayer i TypeScript kan innehålla inte bara primitiver utan även objekt av vissa typer. Låt oss titta på exempel på hur man arbetar med sådana arrayer.

Användararray

Låt oss säga att vi har ett gränssnitt som definierar en användare:

typescriptinterface User {
  name: string,
  age: number
}

Låt oss deklarera en array genom att ange objekt med användare (dvs. objekt som implementerar vårt gränssnitt) som typ av dess innehåll:

typescriptlet arr: User[] = [];

Låt oss fylla vår array med data av den angivna typen:

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

Datumarray

Deklarera en array som lagrar en array med datum:

typescriptlet arr: Date[] = [];

Fyll denna array med datum:

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

Array med DOM-element

Deklarera en array som innehåller DOM-element:

typescriptlet arr: HTMLElement[] = [];

Fyll vår array med data:

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

Praktiska uppgifter