Array Objek dalam TypeScript

Array dalam TypeScript dapat berisi tidak hanya primitif, tetapi juga objek dari tipe tertentu. Mari kita lihat contoh cara bekerja dengan array seperti itu.

Array Pengguna

Misalkan kita memiliki antarmuka yang mendefinisikan pengguna:

interface User {
	name: string,
	age: number
}

Deklarasikan sebuah array, dengan menentukan objek pengguna (yaitu objek yang mengimplementasikan antarmuka kita) sebagai tipe kontennya:

let arr: User[] = [];

Isi array kita dengan data dari tipe yang ditetapkan:

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

Array Tanggal

Deklarasikan sebuah array yang menyimpan array tanggal:

let arr: Date[] = [];

Isi array ini dengan tanggal:

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

Array Elemen DOM

Deklarasikan sebuah array yang berisi elemen DOM:

let arr: HTMLElement[] = [];

Isi array kita dengan data:

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

Tugas Praktis

Buatlah array yang elemennya berupa ekspresi reguler.

Buatlah array yang elemennya berupa promise.

Buatlah antarmuka yang mendeskripsikan seorang pekerja. Buatlah array yang terdiri dari objek pekerja tersebut.