Menu
CoddyTech

Tuple chỉ đọc

Thuộc phần Giới thiệu về TypeScript trong hành trình JavaScript của Coddy. Bài học 18 trên 73.

Cũng như bạn có thể làm cho mảng không thể thay đổi bằng từ bổ nghĩa readonly, TypeScript cho phép bạn tạo tuple chỉ đọc, không thể sửa đổi sau khi khởi tạo. Điều này mang lại những lợi ích tương tự về tính bất biến cho dữ liệu có cấu trúc và độ dài cố định.

Khi thêm readonly trước kiểu tuple, TypeScript sẽ ngăn mọi thay đổi đối với các phần tử của tuple.

Điều này có nghĩa là bạn không thể gán lại giá trị ở các vị trí cụ thể hoặc dùng các phương thức làm thay đổi nội dung của tuple:

let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];

Từ bổ nghĩa readonly đặc biệt hữu ích với tuple vì chúng thường biểu diễn dữ liệu có cấu trúc quan trọng như tọa độ, giá trị màu RGB hoặc bản ghi cơ sở dữ liệu, những dữ liệu không nên thay đổi sau khi được tạo.

challenge icon

Thử thách

Dễ

Tạo một tuple chỉ đọc tên là startPoint biểu diễn một điểm 2D bằng hai số (tọa độ x và y). Khởi tạo tuple với các giá trị 0 và 0.

Tạo một tuple chỉ đọc khác tên là colorRGB biểu diễn một giá trị màu RGB bằng ba số (đỏ, xanh lá, xanh dương). Khởi tạo tuple với các giá trị 255, 128 và 64.

Tạo tuple chỉ đọc thứ ba tên là userRecord chứa một số (ID người dùng), một chuỗi (tên người dùng) và một giá trị luận lý (boolean, trạng thái hoạt động). Khởi tạo tuple với các giá trị 42, "admin" và true.

In cả ba tuple chỉ đọc ra console, mỗi tuple trên một dòng riêng, theo thứ tự bạn đã tạo.

Tự làm thử

// TODO: Viết code vào đây
// Tạo các tuple chỉ đọc như mô tả trong thử thách

// In ra cả ba tuple
quiz iconTự kiểm tra

Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.

Tất cả bài học trong Giới thiệu về TypeScript

Tự luyện tập: Playground TypeScript