Array Objek dalam TypeScript

Array dalam TypeScript boleh mengandungi bukan sahaja primitif, tetapi juga objek dari jenis tertentu. Mari kita lihat contoh cara bekerja dengan array tersebut.

Array Pengguna

Katakan kita mempunyai antara muka yang mentakrifkan pengguna:

interface User {
	name: string,
	age: number
}

Mari isytiharkan array, dengan menentukan objek pengguna (iaitu objek yang melaksanakan antara muka kita) sebagai jenis kandungannya:

let arr: User[] = [];

Mari isi array kita dengan data dari jenis yang ditentukan:

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

Array Tarikh

Mari isytiharkan array yang menyimpan array tarikh:

let arr: Date[] = [];

Mari isi array ini dengan tarikh:

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

Array Elemen DOM

Mari isytiharkan array yang mengandungi elemen DOM:

let arr: HTMLElement[] = [];

Mari isi array kita dengan data:

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

Masalah Praktikal

Buat array yang unsurnya ialah ungkapan biasa.

Buat array yang unsurnya ialah promise.

Buat antara muka yang menerangkan pekerja. Buat array yang terdiri daripada objek pekerja tersebut.