Mảng và bộ dữ liệu

Trong JavaScript, mảng có thể chứa bất kỳ loại phần tử nào và có thể tăng hoặc giảm linh hoạt. TypeScript bổ sung tính năng kiểm tra kiểu tĩnh để đảm bảo các bộ sưu tập vẫn đồng nhất hoặc tôn trọng cấu trúc kiểu cố định.

Mảng (Bộ sưu tập đồng nhất)

Trong TypeScript, có hai cách tương đương để xác định loại mảng chứa các phần tử cùng loại:

1. Sử dụng loại phần tử theo sau là dấu ngoặc vuông ([]):

   TS

   Sao chép

   const numbers: number[] = [1, 2, 3];
   const strings: string[] = ['a', 'b', 'c'];

2. Sử dụng loại Array<T> chung:

   TS

   Sao chép

   const numbers: Array<number> = [1, 2, 3];

Cả hai cú pháp đều hoàn toàn hợp lệ, nhưng cú pháp đầu tiên (type[]) là kiểu thông thường và phổ biến nhất. Nếu bạn cố gắng chèn một giá trị không hợp lệ (ví dụ: numbers.push("hello") trên mảng number[]), TypeScript sẽ tạo ra lỗi thời gian biên dịch.

Bộ dữ liệu (Mảng có độ dài cố định)

Tuple là một loại mảng đặc biệt có số phần tử cố định trong đó mỗi phần tử có một loại cụ thể được xác định trước dựa trên vị trí của nó.

Ví dụ: để lưu trữ phản hồi HTTP được tạo từ mã trạng thái (số) và thông báo (chuỗi):

const response: [number, string] = [200, 'OK'];

Trong trường hợp này:

• Phần tử đầu tiên (response[0]) phải là number.
• Phần tử thứ hai (response[1]) phải là string.
• Mảng phải được khởi tạo với đúng 2 phần tử.

Bộ dữ liệu chỉ đọc (readonly)

Một chi tiết quan trọng về các bộ dữ liệu trong TypeScript là trong thời gian chạy, chúng là các mảng JavaScript thông thường. Điều này có nghĩa là các phương pháp thay đổi như .push() hoặc .pop() có sẵn về mặt kỹ thuật và có thể thay đổi độ dài bộ dữ liệu, bỏ qua một phần việc kiểm tra loại.

Để ngăn chặn hành vi này và thực thi tính bất biến thực sự, chúng ta có thể sử dụng công cụ sửa đổi readonly:

const point: readonly [number, number] = [10, 20];
// point.push(30); // Compile-time error!

Hãy tự mình thử

Bài tập 1: Mảng số

Bài tập 2: Bộ tọa độ 3D

Bài tập 3: Bộ thông tin vị trí

Bài tập 4: Bộ dữ liệu nhập nhật ký