Objektų masyvai TypeScript kalba

Masyvai TypeScript kalba gali savyje turėti ne tik primityvus, bet ir tam tikrų tipų objektus. Pažiūrėkime pavyzdžiais, kaip dirbti su tokiais masyvais.

Vartotojų masyvas

Tarkime, kad turime interfeisą, apibrėžiantį vartotoją:

interface User {
	name: string,
	age: number
}

Apibrėžkime masyvą, nurodant kaip jo turinio tipą objektus su vartotojais (t.y. objektus, kurie įgyvendina mūsų interfeisą):

let arr: User[] = [];

Užpildykime mūsų masyvą nurodyto tipo duomenimis:

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

Datos masyvas

Apibrėžkime masyvą, kuris saugo savyje datos:

let arr: Date[] = [];

Užpildykime šį masyvą datomis:

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

DOM elementų masyvas

Apibrėžkime masyvą, kuriame yra DOM elementai:

let arr: HTMLElement[] = [];

Užpildykime mūsų masyvą duomenimis:

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

Praktinės užduotys

Sukurkite masyvą, kurio elementai bus reguliariosios išraiškos.

Sukurkite masyvą, kurio elementai bus promisai.

Sukurkite interfeisą, apibūdinantį darbuotoją. Sukurkite masyvą, susidedantį iš objektų su šiais darbuotojais.