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:

typescriptinterface User {
  name: string,
  age: number
}

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

typescriptlet arr: User[] = [];

Mari isi array kita dengan data dari jenis yang ditentukan:

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

Array Tarikh

Mari isytiharkan array yang menyimpan array tarikh:

typescriptlet arr: Date[] = [];

Mari isi array ini dengan tarikh:

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

Array Elemen DOM

Mari isytiharkan array yang mengandungi elemen DOM:

typescriptlet arr: HTMLElement[] = [];

Mari isi array kita dengan data:

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

Masalah Praktikal