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:

interface 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:

let arr: User[] = [];

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

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

Datumarray

Deklarera en array som lagrar en array med datum:

let arr: Date[] = [];

Fyll denna array med datum:

arr.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:

let arr: HTMLElement[] = [];

Fyll vår array med data:

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

Praktiska uppgifter

Skapa en array vars element är reguljära uttryck.

Skapa en array vars element är promiser.

Skapa ett gränssnitt som beskriver en anställd. Skapa en array som består av objekt med dessa anställda.