Kiểu dữ liệu cơ bản trong TypeScript

Tạo bởi Hoàng Vũ, chỉnh sửa cuối lúc 29 tháng 1, 2025

TypeScript cung cấp hệ thống kiểu dữ liệu mạnh mẽ giúp phát hiện lỗi sớm trong quá trình lập trình. Trong bài này, chúng ta sẽ tìm hiểu về các kiểu dữ liệu cơ bản của TypeScript, bao gồm string, number, boolean, array, và tuple.

1. Kiểu string

Kiểu string dùng để biểu diễn chuỗi ký tự. TypeScript yêu cầu phải khai báo kiểu dữ liệu khi khai báo biến để tránh lỗi khi gán sai kiểu.

Ví dụ:

let username: string = "John Doe";
console.log(username); // Output: John Doe

Có thể sử dụng dấu nháy đơn ('), nháy đôi (") hoặc template string (` `) để khai báo chuỗi:

let message: string = "Hello, TypeScript!";
let welcomeMessage: string = `Xin chào, ${username}!`; // Template string

2. Kiểu number

TypeScript chỉ có một kiểu number dùng cho tất cả các loại số, bao gồm số nguyên (int), số thực (float), số thập lục phân (hex), nhị phân (binary), và bát phân (octal).

Ví dụ:

let age: number = 25;
let price: number = 99.99;
let hexCode: number = 0xff; // 255
let binary: number = 0b1010; // 10
let octal: number = 0o744; // 484

Nếu gán một giá trị không phải số cho biến kiểu number, TypeScript sẽ báo lỗi:

let quantity: number = "10"; // ❌ Lỗi: Type 'string' is not assignable to type 'number'.

3. Kiểu boolean

Kiểu boolean chỉ nhận hai giá trị true hoặc false, dùng để đại diện cho các trạng thái logic.

Ví dụ:

let isLoggedIn: boolean = true;
let hasPermission: boolean = false;

Khi sử dụng boolean, không thể gán các giá trị không phải true hoặc false:

let isCompleted: boolean = 1; // ❌ Lỗi: Type 'number' is not assignable to type 'boolean'.

4. Kiểu array

TypeScript hỗ trợ khai báo mảng bằng hai cách:

  1. Dùng dấu []
  2. Dùng Array<type>

Ví dụ:

let numbers: number[] = [1, 2, 3, 4, 5]; 
let names: string[] = ["Alice", "Bob", "Charlie"];

let moreNumbers: Array<number> = [10, 20, 30]; // Cách khác để khai báo mảng

Mảng trong TypeScript chỉ chấp nhận các giá trị cùng kiểu:

let mixedArray: number[] = [1, "Hello", 3]; // ❌ Lỗi: Type 'string' is not assignable to type 'number'.

5. Kiểu tuple

Tuple là một dạng mảng nhưng có số lượng phần tử cố định và mỗi phần tử có thể có kiểu dữ liệu khác nhau.

Ví dụ:

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: Alice
console.log(person[1]); // Output: 30

Nếu gán sai kiểu dữ liệu hoặc số lượng phần tử không đúng, TypeScript sẽ báo lỗi:

let user: [string, number] = [25, "Bob"]; // ❌ Lỗi: Type 'number' is not assignable to type 'string'.
let user2: [string, number] = ["Charlie"]; // ❌ Lỗi: Property '1' is missing in type '[string]' but required in type '[string, number]'.

Tổng kết

  • string – Dùng để lưu trữ chuỗi ký tự.
  • number – Dùng cho tất cả các loại số.
  • boolean – Chỉ nhận true hoặc false.
  • array – Mảng chứa các phần tử cùng kiểu.
  • tuple – Mảng có số phần tử cố định với kiểu dữ liệu cụ thể cho từng phần tử.

Trong bài tiếp theo, chúng ta sẽ tìm hiểu về các kiểu dữ liệu nâng cao trong TypeScript.

Website Logo

Với hơn 10 năm kinh nghiệm lập trình web và từng làm việc với nhiều framework, ngôn ngữ như PHP, JavaScript, React, jQuery, CSS, HTML, CakePHP, Laravel..., tôi hy vọng những kiến thức được chia sẻ tại đây sẽ hữu ích và thiết thực cho các bạn.

Bình luận

Website Logo

Chào, tôi là Vũ. Đây là blog hướng dẫn lập trình của tôi.

Liên hệ công việc qua email dưới đây.

lhvuctu@gmail.com

Chúng Tôi Trên

Bạn đang muốn học về lập trình website?

Bạn cần nâng cao kiến thức chuyên nghiệp hơn để nâng cao cơ hội nghề nghiệp? Liên hệ