Objektu masīvi TypeScript

Masīvi TypeScript var saturēt sevī ne tikai primitīvus, bet arī objektus noteiktiem tipiem. Apskatīsim ar piemēriem, kā strādāt ar šādiem masīviem.

Lietotāju masīvs

Pieņemsim, ka mums ir interfeiss, kas definē lietotāju:

interface User {
	name: string,
	age: number
}

Deklarēsim masīvu, norādot kā tā satura tipu objektus ar lietotājiem (t.i., objektus, kas implementē mūsu interfeisu):

let arr: User[] = [];

Aizpildīsim mūsu masīvu ar datiem norādītā tipa:

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

Deklarēsim masīvu, kas glabā sevī datumu masīvu:

let arr: Date[] = [];

Aizpildīsim šo masīvu ar datumiem:

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

Deklarēsim masīvu, kas satur sevī DOM elementus:

let arr: HTMLElement[] = [];

Aizpildīsim mūsu masīvu ar datiem:

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

Izveidojiet masīvu, kura elementi būs regulāras izteiksmes.

Izveidojiet masīvu, kura elementi būs promisi.

Izveidojiet interfeisu, kas apraksta darbinieku. Izveidojiet masīvu, kas sastāv no objektiem ar šiem darbiniekiem.