Tuples trong TypeScript là một loại kiểu dữ liệu cho phép bạn lưu trữ một mảng với số lượng và kiểu phần tử cố định. Khác với mảng thông thường, các phần tử trong tuple có thể có kiểu khác nhau, giúp bạn tổ chức và quản lý dữ liệu một cách linh hoạt và an toàn hơn.

Bài viết này là một phần của chuỗi học lập trình trên "codetuthub.com", cùng với các bài học khác như TypeScript Simple Types, TypeScript Arrays, và TypeScript Interfaces.

1. Định nghĩa Tuple

Tuple cho phép bạn xác định kiểu cho từng phần tử trong mảng, giúp đảm bảo rằng các giá trị được sử dụng đúng kiểu và không bị sai sót.

Cú pháp khai báo Tuple

ts
let person: [string, number];

Trong ví dụ trên, person là một tuple chứa hai phần tử: phần tử đầu tiên là chuỗi (string) và phần tử thứ hai là số (number).

2. Khai báo và khởi tạo Tuple

Bạn có thể khai báo và khởi tạo một tuple cùng một lúc:

Ví dụ

ts
let person: [string, number] = ["Alice", 30];

Trong ví dụ này, person chứa tên "Alice" và tuổi 30.

3. Truy cập các phần tử trong Tuple

Bạn có thể truy cập các phần tử trong tuple bằng cách sử dụng chỉ số, giống như với mảng thông thường.

Ví dụ

ts
let person: [string, number] = ["Bob", 25];
console.log(person[0]); // Kết quả: "Bob"
console.log(person[1]); // Kết quả: 25

4. Thay đổi giá trị trong Tuple

Bạn có thể thay đổi giá trị của các phần tử trong tuple, nhưng chỉ nếu giá trị mới có kiểu tương ứng.

Ví dụ

ts
let person: [string, number] = ["Charlie", 40];
person[1] = 41; // Thay đổi tuổi
console.log(person); // Kết quả: ["Charlie", 41]

// person[0] = 50; // Lỗi: Type 'number' is not assignable to type 'string'.

5. Tuple với các giá trị tùy chọn

TypeScript cho phép bạn tạo tuple với các giá trị tùy chọn, nghĩa là bạn có thể bỏ qua một số phần tử.

Ví dụ

ts
let user: [string, number?] = ["Diana"]; // Tuổi là tùy chọn
console.log(user); // Kết quả: ["Diana"]

6. Sử dụng Tuples trong các tình huống thực tế

Ví dụ về Tuple trong API Response

Tuple thường được sử dụng để mô tả các phản hồi từ API, nơi mà dữ liệu trả về có thể có nhiều kiểu.

ts
type ApiResponse = [number, string]; // Mã trạng thái và thông điệp
let response: ApiResponse = [200, "Success"];

Ví dụ về tuple để trả về nhiều giá trị từ hàm

Bạn có thể sử dụng tuple để trả về nhiều giá trị từ một hàm.

ts
function getUserInfo(): [string, number] {
    return ["Eva", 28];
}

let [name, age] = getUserInfo();
console.log(`Name: ${name}, Age: ${age}`); // Kết quả: "Name: Eva, Age: 28"

7. Kết luận

Tuples là một công cụ mạnh mẽ trong TypeScript, cho phép bạn xác định cấu trúc và kiểu cho các mảng với các phần tử khác nhau. Việc sử dụng tuple giúp cải thiện tính rõ ràng và an toàn cho mã nguồn của bạn. Để tìm hiểu thêm về TypeScript, hãy tham khảo các bài học liên quan trên "codetuthub.com" như TypeScript Simple Types, TypeScript Arrays, và TypeScript Interfaces.