TypeScriptda ob'ektlar massivlari

TypeScriptdagi massivlar o'zida nafaqat primitivlarni, balki ma'lum turlardagi ob'ektlarni ham saqlashi mumkin. Keling, bunday massivlar bilan qanday ishlashni misollar orqali ko'rib chiqaylik.

Foydalanuvchilar massivi

Faraz qilaylik, bizda foydalanuvchini belgilovchi interfeys mavjud:

typescriptinterface User {
  name: string,
  age: number
}

Massivni e'lon qilaylik, uning mazmuni turi sifatida foydalanuvchi ob'ektlarini (ya'ni, bizning interfeysimizni amalga oshiradigan ob'ektlarni) ko'rsatib:

typescriptlet arr: User[] = [];

Massivimizni ko'rsatilgan turdagi ma'lumotlar bilan to'ldiramiz:

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

Sanalar massivi

O'zida sana massivini saqlovchi massivni e'lon qilaylik:

typescriptlet arr: Date[] = [];

Ushbu massivni sanalar bilan to'ldiramiz:

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

DOM elementlari massivi

O'zida DOM elementlarini saqlovchi massivni e'lon qilaylik:

typescriptlet arr: HTMLElement[] = [];

Massivimizni ma'lumotlar bilan to'ldiramiz:

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

Amaliy vazifalar