ობიექტების მასივები 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);

პრაქტიკული ამოცანები

შექმენით მასივი, რომლის ელემენტები იქნება რეგულარული გამოსახულებები.

შექმენით მასივი, რომლის ელემენტები იქნება პრომისები.

შექმენით ინტერფეისი, რომელიც აღწერს მუშაკს. შექმენით მასივი, რომელიც შედგება ამ მუშაკების ობიექტებისგან.