Hiểu rõ các kiểu dữ liệu trong javascript là nền tảng cốt lõi giúp lập trình viên kiểm soát bộ nhớ và logic ứng dụng hiệu quả. JavaScript là một ngôn ngữ dynamic typing (kiểu động), mang lại sự linh hoạt tối đa nhưng cũng tiềm ẩn nhiều lỗi runtime nếu không nắm vững cơ chế lưu trữ và ép kiểu. Bài viết này sẽ phân tích sâu từ các kiểu dữ liệu nguyên thủy đến tham chiếu, kèm theo các ví dụ thực tế đạt chuẩn ECMAScript mới nhất.
Hệ thống phân loại kiểu dữ liệu trong JavaScript
Trong JavaScript, các kiểu dữ liệu được chia thành hai nhóm chính dựa trên cách chúng được lưu trữ trong bộ nhớ: kiểu dữ liệu nguyên thủy (Primitive Types) và kiểu dữ liệu tham chiếu (Reference Types). Việc phân biệt hai nhóm này không chỉ là lý thuyết suông; nó quyết định cách bạn sao chép biến, truyền tham số vào hàm và tối ưu hóa hiệu suất ứng dụng.
Kiểu dữ liệu nguyên thủy được lưu trữ trực tiếp giá trị vào vùng nhớ Stack. Đây là những giá trị bất biến (immutable), nghĩa là một khi đã tạo ra, bạn không thể thay đổi nội dung của giá trị đó mà chỉ có thể gán giá trị mới cho biến. Ngược lại, kiểu dữ liệu tham chiếu (Object) được lưu trữ tại vùng nhớ Heap, và biến chỉ chứa một “con trỏ” (address) trỏ tới địa chỉ ô nhớ đó trên Stack.
Sơ đồ phân loại các kiểu dữ liệu trong javascriptHình 1: Bản đồ tư duy hệ thống các kiểu dữ liệu cơ bản và nâng cao trong JavaScript hiện đại.
Nhóm kiểu dữ liệu nguyên thủy (Primitive Types)
JavaScript ES6+ định nghĩa 7 kiểu dữ liệu nguyên thủy. Dưới đây là phân tích chi tiết từng kiểu cùng những lưu ý quan trọng khi triển khai dự án thực tế.
1. Kiểu Number và những cạm bẫy về độ chính xác
Khác với Java hay C++, JavaScript không chia ra int, float, hay double. Mọi con số đều thuộc kiểu Number, được biểu diễn dưới dạng số thực dấu phẩy động 64-bit theo chuẩn IEEE 754.
// JavaScript ES6+
let integerNum = 42; // Số nguyên
let floatNum = 3.14; // Số thực
let scientific = 12e-3; // 0.012
// Edge Case: Lỗi chính xác số thập phân
console.log(0.1 + 0.2 === 0.3); // Output: false
// Giải thích: Do biểu diễn nhị phân, 0.1 + 0.2 = 0.30000000000000004
// Giải pháp: Dùng toFixed() hoặc Math.round()Ngoài ra, Number còn chứa 3 giá trị đặc biệt mà biến thường gặp khi tính toán lỗi:
Infinity: Số vô cùng lớn.-Infinity: Số vô cùng bé.NaN(Not a Number): Kết quả của một phép tính không hợp lệ (ví dụ:"abc" / 2).
2. Sự trỗi dậy của BigInt trong xử lý số lớn
Được giới thiệu từ ES2020, BigInt cho phép làm việc với các số nguyên có độ lớn tùy ý, vượt qua giới hạn Number.MAX_SAFE_INTEGER (2^53 – 1).
// Khai báo BigInt bằng cách thêm hậu tố 'n'
const hugeHex = BigInt("0x1fffffffffffff"); // 9007199254740991n
const multi = hugeHex 2n;
console.log(typeof multi); // Output: "bigint"3. String: Chuỗi ký tự và Immutable đặc tính
Trong các kiểu dữ liệu trong javascript, String là tập hợp các ký tự 16-bit không đổi. Bạn có thể sử dụng dấu nháy đơn ', nháy kép " hoặc template literals ` `.
let single = 'Single quotes';
let double = "Double quotes";
let template = `Combined: ${single} & ${double}`; // Template String (ES6)
// String là immutable
let str = "Hello";
str[0] = "h"; // Không có lỗi nhưng cũng không thay đổi được chuỗi
console.log(str); // Output: "Hello"4. Boolean: Logic Truthy và Falsy
Kiểu Boolean chỉ nhận hai giá trị: true hoặc false. Tuy nhiên, sức mạnh thực sự nằm ở cơ chế ép kiểu tự động của JavaScript khi đưa các giá trị khác vào ngữ cảnh logic (như lệnh if).
Cần ghi nhớ danh sách Falsy values (các giá trị luôn coi là false):
false0,-0,0n(BigInt zero)""(chuỗi rỗng)nullundefinedNaN
Mọi giá trị khác, bao gồm cả mảng rỗng [] và đối tượng rỗng {}, đều là Truthy.
5. Phân biệt Null và Undefined
Đây là lỗi phổ biến nhất của các lập trình viên mới.
undefined: Biến đã được khai báo nhưng chưa được gán giá trị. Đây là giá trị mặc định của trình thông dịch JavaScript.null: Một giá trị gán có chủ đích, đại diện cho việc “không có giá trị” hoặc “đối tượng rỗng”.
let a; // undefined
let b = null; // null
console.log(typeof a); // "undefined"
console.log(typeof b); // "object" (Đây là một bug lịch sử của JS)6. Symbol: Tạo định danh duy nhất (ES6)
Symbol tạo ra một giá trị duy nhất, không trùng lặp, thường dùng làm khóa (key) cho các thuộc tính ẩn trong đối tượng nhằm tránh xung đột tên.
const id = Symbol("id");
const user = {
name: "Admin",
[id]: 12345
};
console.log(user[id]); // 12345Nhóm kiểu dữ liệu tham chiếu (Reference Types) – Object
Mọi thứ không phải là kiểu nguyên thủy trong JavaScript đều là đối tượng. Nhóm kiểu dữ liệu tham chiếu này cực kỳ mạnh mẽ vì chúng có thể lưu trữ các cấu trúc dữ liệu phức tạp.
1. Đối tượng (Object Literal)
Cấu trúc định dạng key-value. Đây là gốc rễ của hầu hết các cấu trúc dữ liệu trong JavaScript.
const employee = {
id: 101,
fullName: "Nguyen Van A",
getRole: function() { return "Developer"; }
};Kỹ thuật chuyên gia: Khi làm việc với object lớn, hãy sử dụng Object.freeze() nếu bạn muốn biến object đó thành immutable thực sự để bảo vệ dữ liệu khỏi bị thay đổi ngoài ý muốn.
2. Mảng (Array): Cấu trúc danh sách linh hoạt
Mảng trong JavaScript không bị giới hạn kích thước và có thể chứa nhiều kiểu dữ liệu trộn lẫn. Tuy nhiên, để tối ưu hóa hiệu suất (V8 engine optimization), bạn nên giữ các phần tử trong mảng cùng một kiểu dữ liệu.
// Khởi tạo mảng ES6+
const techStack = ["React", "Node.js", "Docker"];
// Thao tác phổ biến
techStack.push("AWS"); // Thêm cuối (O(1))
techStack.unshift("TypeScript"); // Thêm đầu (O(n) - tốn kém vì phải dời index)Phân tích Complexity (Big O):
- Truy cập theo index: O(1)
- Tìm kiếm (indexOf): O(n)
- Thêm/Xóa ở cuối: O(1)
3. Hàm (Function): Công dân hạng nhất
Trong JavaScript, Function cũng là một object. Bạn có thể gán hàm cho biến, truyền hàm như một đối số (callback) hoặc trả về một hàm từ một hàm khác (Higher-Order Function).
const greet = (name) => `Hello, ${name}`; // Arrow Function (ES6)
console.log(typeof greet); // "function" - Dù typeof trả về 'function', nó vẫn kế thừa từ Object.Xử lý thời gian với đối tượng Date
Date là một built-in object quan trọng trong các kiểu dữ liệu trong javascript. Nó lưu trữ thời gian dưới dạng số miliseconds trôi qua kể từ “Unix Epoch” (01/01/1970).
// Khởi tạo thời gian hiện tại
const now = new Date();
// Lưu ý: Tháng (Month) trong JS bắt đầu từ 0
const specificDate = new Date(2026, 0, 15); // 15/01/2026
// Formatting hiện đại dùng Intl (Internationalization API)
const formatter = new Intl.DateTimeFormat('vi-VN', { dateStyle: 'full' });
console.log(formatter.format(now));Tip thực tế: Đối tượng Date mặc định của JS rất khó dùng và dễ gây lỗi mốc giờ (timezone). Trong các dự án lớn, tôi khuyến nghị sử dụng các thư viện như Day.js hoặc Luxon để thay thế.
Cơ chế ép kiểu (Type Coercion) trong JavaScript
Đây là đặc điểm khiến JavaScript trở nên “kỳ quặc” trong mắt các lập trình viên ngôn ngữ khác. JavaScript sẽ tự động chuyển đổi kiểu dữ liệu khi bạn thực hiện các phép toán trên các kiểu khác nhau.
1. Ép kiểu ngầm định (Implicit Coercion)
console.log("5" - 2); // 3 (String chuyển thành Number)
console.log("5" + 2); // "52" (Number chuyển thành String - Phép nối chuỗi ưu tiên)
console.log(1 + true); // 2 (true chuyển thành 1)2. Ép kiểu tường minh (Explicit Coercion)
Để code an toàn và dễ bảo trì, hãy luôn ưu tiên ép kiểu tường minh.
let strValue = "123.45";
let numValue = Number(strValue); // Ép kiểu chuyên nghiệp
let intValue = parseInt(strValue, 10); // Lấy số nguyên hệ thập phân
// Trick nhanh chuyển sang Boolean
let hasData = !!strValue; So sánh Equality: Sự khác biệt cực trọng
Khi làm việc với các kiểu dữ liệu trong javascript, việc chọn toán tử so sánh đúng giúp tránh được hàng tá lỗi logic khó debug.
==(Loose Equality): So sánh giá trị sau khi đã thực hiện ép kiểu ngầm định. Cực kỳ nguy hiểm.===(Strict Equality): So sánh cả giá trị và kiểu dữ liệu. Luôn luôn khuyên dùng.Object.is(): So sánh chính xác tuyệt đối, kể cả các trường hợp biên nhưNaNhoặc-0.
| So sánh | Logic | Kết quả |
|---|---|---|
0 == false |
Coercion | true |
0 === false |
Strict | false |
NaN === NaN |
Đặc thù | false |
Object.is(NaN, NaN) |
Chính xác | true |
Lưu ý về quản lý bộ nhớ và tham chiếu
Lỗi phổ biến nhất khi xử lý kiểu dữ liệu tham chiếu (Object/Array) là vô tình thay đổi dữ liệu gốc do cơ chế tham chiếu vùng nhớ.
const originalArr = [1, 2, 3];
const shadowCopy = originalArr; // Chỉ copy địa chỉ ô nhớ
shadowCopy.push(4);
console.log(originalArr); // [1, 2, 3, 4] -> Mảng gốc bị thay đổi!
// Giải pháp chuyên gia: Deep Copy hoặc Spread Operator (Shallow Copy)
const realCopy = [...originalArr];
realCopy.push(5);
console.log(originalArr); // [1, 2, 3, 4] -> Tuyệt đối an toànỨng dụng thực tế và Best Practices
- Sử dụng
constlàm mặc định: Chỉ dùngletkhi bạn chắc chắn biến đó cần được tái gán giá trị. Tuyệt đối không dùngvartrong môi trường ES6+ để tránh lỗi hoisting và scope. - Kiểm tra kiểu dữ liệu: Với primitive, dùng
typeof. Với các instance của object (như Date hay Array), hãy dùnginstanceofhoặcArray.isArray(). - Phòng tránh “Undefined is not a function”: Luôn khởi tạo giá trị mặc định cho biến và sử dụng Optional Chaining (
?.) khi truy cập thuộc tính sâu trong object. - Hiệu suất chuỗi: Trong các vòng lặp lớn, thay vì cộng chuỗi bằng toán tử
+(tạo nhiều object tạm), hãy gom các phần tử vào mảng và dùng.join('').
Việc nắm vững các kiểu dữ liệu trong javascript không chỉ giúp bạn viết code chạy được, mà còn giúp bạn viết code tinh tế, hiệu năng cao và dễ bảo trì. Hãy tiếp tục thực hành với các thuật toán xử lý mảng và đối tượng để nâng cao kỹ năng lập trình của mình tại Thư Viện CNTT.
Tham khảo thêm:
Cập nhật lần cuối 02/03/2026 by Hiếu IT
