Օբյեկտների զանգվածներ 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);

Գործնական առաջադրանքներ

Ստեղծեք զանգված, որի էլեմենտները կլինեն կանոնավոր արտահայտություններ:

Ստեղծեք զանգված, որի էլեմենտները կլինեն պրոմիսներ:

Ստեղծեք աշխատող նկարագրող ինտերֆեյս: Ստեղծեք զանգված, որը կբաղկացած լինի այդ աշխատողներով օբյեկտներից: