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:

interface 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):

let arr: User[] = [];

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

arr.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:

let arr: Date[] = [];

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

arr.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:

let arr: HTMLElement[] = [];

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

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

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

Tạo một mảng, các phần tử của nó sẽ là biểu thức chính quy.

Tạo một mảng, các phần tử của nó sẽ là promise.

Tạo một giao diện, mô tả một nhân viên. Tạo một mảng, bao gồm các đối tượng nhân viên đó.