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

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