Mảng định kiểu
Thuộc phần Giới thiệu về TypeScript trong hành trình JavaScript của Coddy. Bài học 13 trên 73.
Mảng có kiểu là một trong những tính năng mạnh mẽ nhất của TypeScript để sắp xếp và quản lý nhiều giá trị mà vẫn đảm bảo an toàn kiểu dữ liệu.
Trong TypeScript, bạn có thể chỉ định rằng một mảng chỉ chứa các phần tử thuộc một kiểu dữ liệu cụ thể bằng cú pháp Type[]. Cách này đảm bảo mọi phần tử trong mảng đều khớp với kiểu dữ liệu mong đợi, giúp ngăn các lỗi thường gặp khi trộn lẫn nhiều kiểu dữ liệu.
let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
let flags: boolean[] = [true, false, true];Khi khai báo một mảng có kiểu dữ liệu, TypeScript đảm bảo chỉ những giá trị thuộc kiểu dữ liệu đã chỉ định mới được thêm vào mảng. Điều này giúp bạn không vô tình trộn chuỗi (string) với số hoặc các kiểu dữ liệu không tương thích khác, nhờ đó phát hiện lỗi trong quá trình phát triển thay vì khi chạy chương trình.
Thử thách
DễTạo một mảng có kiểu (typed array) tên là scores, chỉ chứa số và khởi tạo mảng bằng các giá trị 85, 74 và 78.
Sau đó, tạo một mảng có kiểu khác tên là studentNames, chỉ chứa chuỗi (string) và khởi tạo mảng bằng các giá trị "Alice", "Bob" và "Charlie".
Cuối cùng, tạo một mảng có kiểu tên là passedExams, chỉ chứa giá trị boolean và khởi tạo mảng bằng true, false và true.
In cả ba mảng ra console, mỗi mảng trên một dòng riêng, theo thứ tự bạn đã tạo.
Tự làm thử
// TODO: Viết code của bạn ở đây
// Tạo ba mảng có kiểu dữ liệu xác định như mô tả trong thử thách
// In cả ba mảng ra bảng điều khiểnBà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
1Bắt đầu với TS
TypeScript là gì?Tại sao nên dùng TypeScript?Đoạn code TypeScript đầu tiênQuy trình biên dịch và lỗiÔn tập: Giới thiệu về TS4Làm việc với hàm
Khai báo kiểu cho tham số và giá trị trả vềKhai báo kiểu cho hàm mũi tênKiểu trả về voidTham số tùy chọn với '?'Giá trị mặc định của tham sốKhai báo kiểu cho tham số restĐịnh nghĩa kiểu hàmÔn tập: xây dựng hàm có kiểu2Kiểu dữ liệu cốt lõi
Kiểu dữ liệu cơ bản: str, num, booleanKiểu 'any': lối thoátKiểu 'unknown'Làm việc với null và undefinedSuy luận kiểu trong thực tếChú thích kiểu tường minhÔn tập: luyện tập về kiểu dữ liệu cốt lõi3Cấu trúc dữ liệu: mảng và tuple
Mảng định kiểuTừ khóa readonly cho mảngTuple là gì?Khai báo và truy cập tuplePhân rã tupleTuple chỉ đọcMảng định kiểu nhiều chiềuToán tử spread với mảngÔn tập: mảng và tupleTự luyện tập: Playground TypeScript