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:

typescriptinterface User {
  name: string,
  age: number
}

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

typescriptlet arr: User[] = [];

Isi array kita dengan data dari tipe yang ditetapkan:

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

Array Tanggal

Deklarasikan sebuah array yang menyimpan array tanggal:

typescriptlet arr: Date[] = [];

Isi array ini dengan tanggal:

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

Array Elemen DOM

Deklarasikan sebuah array yang berisi elemen DOM:

typescriptlet arr: HTMLElement[] = [];

Isi array kita dengan data:

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

Tugas Praktis