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.
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ị và 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/falsenull— rỗng có chủ đíchundefined— chưa gán giá trịbigint— số rất lớnsymbol— 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/valuearray— 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
vardẫn đến giá trị bị thay đổi ngoài ý muốn - Nhầm giữa
nullvàundefined - Cộng chuỗi + số:
"3" + 2 = "32"chứ không phải5 - Không kiểm tra kiểu khi xử lý dữ liệu từ API
⚠️ GHI NHỚ: Luôn dùng
constvàletthay chovarđể 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
- 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
falsethành chuỗi - Chuyển
0thà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
constvàletthay chovar - JavaScript có 7 kiểu dữ liệu nguyên thủy và 3 kiểu phức hợp quan trọng
- Hiểu kiểu dữ liệu giúp bạn limit lỗi và xử lý logic chính xác hơn
🔑 GHI NHỚ QUAN TRỌNG:
- Luôn dùng
consttrước,letkhi cần thay đổi- Tránh dùng
varvì 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