TypeScriptда объектлар массивлари

TypeScriptдаги массивлар ўз ичига фақат примитивларнигина эмас, балки маълум турдаги объектларни ҳам олиши мумкин. Келинг, бундай массивлар билан қандай ишлашни мисоллар орқали кўрамиз.

Фойдаланувчилар массиви

Фарз қилайлик, бизда фойдаланувчини белгиловчи интерфейс мавжуд:

typescriptinterface User {
  name: string,
  age: number
}

Унинг ички мазмуни тури сифатида фойдаланувчилар билан объектларни (яъни, бизнинг интерфейсимизни амалга оширувчи объектларни) кўрсатиб, массив эълон қилайлик:

typescriptlet arr: User[] = [];

Массивимизни кўрсатилган турдаги маълумотлар билан тўлдирамиз:

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

Саналар массиви

Узида саналар массивини сақловчи массивни эълон қилайлик:

typescriptlet arr: Date[] = [];

Бу массивни саналар билан тўлдирамиз:

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

DOM элементлари массиви

Узида DOM элементларини сақловчи массивни эълон қилайлик:

typescriptlet arr: HTMLElement[] = [];

Массивимизни маълумотлар билан тўлдирамиз:

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

Амалий машқлар