TypeScript'te Nesne Dizileri

TypeScript'te diziler yalnızca ilkel veri türlerini değil, belirli türlerdeki nesneleri de içerebilir. Bu tür dizilerle nasıl çalışılacağını örneklerle görelim.

Kullanıcı Dizisi

Bir kullanıcı tanımlayan arayüzümüz olduğunu varsayalım:

typescriptinterface User {
  name: string,
  age: number
}

İçeriğinin türü olarak kullanıcı nesnelerini (yani arayüzümüzü uygulayan nesneler) belirterek bir dizi tanımlayalım:

typescriptlet arr: User[] = [];

Dizimizi belirtilen türdeki verilerle dolduralım:

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

Tarih Dizisi

İçinde tarih dizisi depolayan bir dizi tanımlayalım:

typescriptlet arr: Date[] = [];

Bu diziyi tarihlerle dolduralım:

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

DOM Elemanları Dizisi

İçinde DOM elemanları barındıran bir dizi tanımlayalım:

typescriptlet arr: HTMLElement[] = [];

Dizimizi verilerle dolduralım:

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

Pratik Görevler