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

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

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

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

interface User {
	name: string,
	age: number
}

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

let arr: User[] = [];

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

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

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

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

let arr: Date[] = [];

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

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

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

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

let arr: HTMLElement[] = [];

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

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

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

Элементлари мунтазам ифодалар бўладиган массив ясанг.

Элементлари промислар бўладиган массив ясанг.

Ишчини тасвирловчи интерфейс ясанг. Ушбу ишчилар билан объектлардан таркиб топган массив ясанг.