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:

interface 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:

let arr: User[] = [];

Dizimizi belirtilen türdeki verilerle dolduralım:

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

Tarih Dizisi

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

let arr: Date[] = [];

Bu diziyi tarihlerle dolduralım:

arr.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:

let arr: HTMLElement[] = [];

Dizimizi verilerle dolduralım:

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

Pratik Görevler

Elemanları düzenli ifadeler olan bir dizi yapın.

Elemanları promiseler olan bir dizi yapın.

Bir çalışanı tanımlayan bir arayüz yapın. Bu çalışanlarla nesnelerden oluşan bir dizi yapın.