Biến và Kiểu dữ liệu

Bài 2 – Hiểu và sử dụng biến, kiểu dữ liệu trong JavaScript theo cách đơn giản, trực quan và áp dụng ngay.

18/11/2025 DaiPhan
Bài 2 / 12

Biến và Kiểu Dữ Liệu

Biến là nền tảng của mọi chương trình. Hiểu biến và kiểu dữ liệu sẽ giúp bạn kiểm soát cách lưu trữ, xử lý và thay đổi thông tin trong JavaScript.


1. Biến là gì?

Biến dùng để lưu giá trịsử dụng lại trong chương trình.

JavaScript có ba cách khai báo:

var x = 10;   // Không nên dùng
let y = 20;   // Dùng khi giá trị thay đổi
const z = 30; // Dùng khi giá trị cố định

Quy tắc ghi nhớ nhanh:

  • const: mặc định dùng (an toàn, rõ ràng)
  • let: chỉ dùng khi bạn cần thay đổi giá trị
  • var: hạn chế dùng vì dễ gây lỗi phạm vi

2. Kiểu dữ liệu trong JavaScript

JavaScript có hai nhóm:

2.1. Kiểu nguyên thủy (Primitive)

  • string — chuỗi ký tự
  • number — số
  • boolean — true/false
  • null — rỗng có chủ đích
  • undefined — chưa gán giá trị
  • bigint — số rất lớn
  • symbol — giá trị duy nhất

Ví dụ:

let name = "Dai";       // string
let age = 18;           // number
let isActive = true;    // boolean
let empty = null;       // null
let noValue;            // undefined

2.2. Kiểu phức hợp

  • object — lưu thông tin dạng cặp key/value
  • array — danh sách có thứ tự
  • function — hàm cũng là dữ liệu

Ví dụ:

let student = { name: "Dai", age: 18 }; // object
let scores = [8, 9, 10];                // array

3. Vì sao cần hiểu rõ kiểu dữ liệu?

Ba lý do quan trọng để học viên ghi nhớ:

  • Tránh lỗi: Ví dụ: cộng string + number sẽ ra kết quả khác mong muốn
  • Xử lý logic chính xác: Dùng boolean, number, string đúng cách giúp code dễ hiểu và ít bug
  • Làm việc với API: Khi gọi API, JSON trả về object → cần hiểu kiểu dữ liệu để xử lý

💡 GHI NHỚ: Hiểu kiểu dữ liệu giúp code chính xác và tránh lỗi

4. Chuyển đổi kiểu dữ liệu (cực quan trọng)

JavaScript chuyển đổi kiểu khá tự do. Bạn cần nắm các cách cơ bản:

Number("123");     // 123
String(123);       // "123"
Boolean(0);        // false
Boolean("hello");  // true

Ghi nhớ:

  • 0, null, undefined, ""false
  • Các giá trị khác → true

💡 GHI NHỚ: Chuyển đổi kiểu dữ liệu giúp xử lý dữ liệu linh hoạt

5. Ví dụ trực quan

let price = 100;
let quantity = 3;

let total = price * quantity;

console.log("Tổng:", total);

Học viên sẽ thấy: biến + kiểu dữ liệu → cho phép xử lý thông tin linh hoạt.

6. Sai lầm cơ bản thường gặp

  • Dùng var dẫn đến giá trị bị thay đổi ngoài ý muốn
  • Nhầm giữa nullundefined
  • Cộng chuỗi + số: "3" + 2 = "32" chứ không phải 5
  • Không kiểm tra kiểu khi xử lý dữ liệu từ API

⚠️ GHI NHỚ: Luôn dùng constlet thay cho var để tránh lỗi phạm vi

7. Bài tập thực hành

Bài 1

Khai báo các biến sau và in ra màn hình:

  • tên
  • tuổi
  • điểm trung bình
  • trạng thái hoạt động (true/false)

Bài 2

Tạo object “học viên” gồm:

  • name
  • age
  • email
  • score list (mảng điểm)

Sau đó in ra điểm cao nhất.

Bài 3

  • Chuyển "123" thành số
  • Chuyển false thành chuỗi
  • Chuyển 0 thành boolean

8. Kết luận bài học

  • Biến là nơi lưu trữ giá trị để chương trình hoạt động
  • Nên dùng constlet thay cho var
  • JavaScript có 7 kiểu dữ liệu nguyên thủy3 kiểu phức hợp quan trọng
  • Hiểu kiểu dữ liệu giúp bạn limit lỗixử lý logic chính xác hơn

🔑 GHI NHỚ QUAN TRỌNG:

  • Luôn dùng const trước, let khi cần thay đổi
  • Tránh dùng var vì dễ gây lỗi phạm vi
  • Hiểu rõ kiểu dữ liệu giúp code chính xác hơn
12 bài học
Bài 2
Tiến độ hoàn thành 17%

Đã hoàn thành 2/12 bài học