Mảng đối tượng trong TypeScript

Mảng trong TypeScript có thể chứa bên trong không chỉ kiểu dữ liệu nguyên thủy mà còn cả các đối tượng của những kiểu xác định. Hãy cùng xem các ví dụ về cách làm việc với những mảng như vậy.

Mảng người dùng

Giả sử chúng ta có một giao diện, định nghĩa một người dùng:

typescriptinterface User {
  name: string,
  age: number
}

Hãy khai báo một mảng, chỉ định kiểu dữ liệu của nội dung bên trong nó là các đối tượng người dùng (tức là các đối tượng triển khai giao diện của chúng ta):

typescriptlet arr: User[] = [];

Hãy điền dữ liệu cho mảng của chúng ta với kiểu đã chỉ định:

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

Mảng ngày tháng

Hãy khai báo một mảng, lưu trữ bên trong nó một mảng ngày tháng:

typescriptlet arr: Date[] = [];

Hãy điền mảng này với các ngày tháng:

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

Mảng phần tử DOM

Hãy khai báo một mảng, chứa bên trong nó các phần tử DOM:

typescriptlet arr: HTMLElement[] = [];

Hãy điền mảng của chúng ta với dữ liệu:

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

Bài tập thực hành