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

typescriptinterface User {
  name: string,
  age: number
}

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

typescriptlet arr: User[] = [];

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

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

Datos masyvas

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

typescriptlet arr: Date[] = [];

Užpildykime šį masyvą datomis:

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

DOM elementų masyvas

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

typescriptlet arr: HTMLElement[] = [];

Užpildykime mūsų masyvą duomenimis:

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

Praktinės užduotys