+1

JavaScript cơ bản Bài 4: Kiểu dữ liệu nguyên thủy (Primitive Types): Số, Chuỗi, Boolean, Null, Undefined

1. Mục tiêu bài học

  • Hiểu được khái niệm Kiểu dữ liệu (Data Types) trong JavaScript.

  • Nắm vững 5 kiểu dữ liệu nguyên thủy cốt lõi và cách phân biệt chúng.

  • Biết cách sử dụng toán tử typeof để kiểm tra kiểu dữ liệu của một biến.

2. Nội dung chi tiết (Script / Outline)

Phần 1: Kiểu dữ liệu là gì?

Khi bạn bỏ đồ vào một cái hộp, bạn cần biết món đồ đó là gì: là quần áo, là tiền, hay là đồ ăn. Trong lập trình cũng vậy, máy tính cần biết dữ liệu bạn lưu trữ là số học, chữ viết, hay đúng/sai để có cách xử lý cho chính xác (ví dụ: số thì cộng trừ được, nhưng chữ cái thì không).

JavaScript có các kiểu dữ liệu nguyên thủy (Primitive Types) sau đây:

Phần 2: 5 Kiểu dữ liệu nguyên thủy cốt lõi

  1. Kiểu Số (Number):

    • Dùng để lưu trữ cả số nguyên và số thực (số thập phân). JavaScript không phân biệt int hay float như một số ngôn ngữ khác.

    • Ví dụ:

      JavaScript

      const age = 25;           // Số nguyên
      const price = 99.99;      // Số thập phân
      const negative = -10;     // Số âm
      
      
  2. Kiểu Chuỗi / Văn bản (String):

    • Dùng để lưu trữ văn bản, câu chữ. Phải được đặt bên trong dấu nháy đơn ('...'), nháy kép ("..."), hoặc dấu huyền ngược/template literal (`...`).

    • Ví dụ:

      JavaScript

      const name = "Nguyễn Văn A";
      const greeting = 'Xin chào các bạn';
      
      
  3. Kiểu Luận lý (Boolean):

    • Chỉ có đúng 2 giá trị duy nhất: true (đúng / có) hoặc false (sai / không). Thường dùng trong các câu lệnh điều kiện.

    • Ví dụ:

      JavaScript

      const isLogin = true;
      const isAdmin = false;
      
      
  4. Kiểu Undefined (Chưa được gán giá trị):

    • Khi bạn khai báo một biến bằng let nhưng không gán giá trị cho nó, giá trị mặc định của biến đó sẽ là undefined.

    • Ví dụ:

      JavaScript

      let address; 
      console.log(address); // Kết quả in ra sẽ là: undefined
      
      
  5. Kiểu Null (Rỗng / Cố tình để trống):

    • Khác với undefined (máy tính tự động hiểu là chưa có), null là giá trị do lập trình viên chủ động gán vào để thể hiện rằng "cái hộp này hiện tại cố tình để trống, không có dữ liệu".

    • Ví dụ:

      JavaScript

      let currentCar = null; // Hiện tại chưa có xe, sau này mua thì gán sau
      
      

Phần 3: Cách kiểm tra kiểu dữ liệu với typeof

Đôi khi bạn không biết một biến đang chứa kiểu dữ liệu gì, JavaScript cung cấp cho chúng ta một công cụ cực kỳ hữu ích là toán tử typeof:

JavaScript

console.log(typeof 100);          // "number"
console.log(typeof "Học lập trình"); // "string"
console.log(typeof true);         // "boolean"
console.log(typeof undefined);    // "undefined"
console.log(typeof null);         // "object" (đây là một lỗi lịch sử nổi tiếng của JS, nhưng cứ nhớ là null nhé!)

3. Tổng kết & Bài tập nhỏ cho học viên

  • Key takeaway:

    • Có 5 kiểu dữ liệu nguyên thủy chính: Number, String, Boolean, Undefined, Null.

    • Dùng typeof để kiểm tra nhanh kiểu dữ liệu của biến.

  • Thử thách tại nhà:

    • Khai báo 5 biến đại diện cho các thông tin của bạn: Tên (String), Tuổi (Number), Đã có người yêu chưa (Boolean), Địa chỉ chưa rõ (Undefined), Tiền trong ví hiện tại bằng không/hoặc cố tình để trống (Null).

    • Dùng typeof để in kiểu dữ liệu của từng biến ra màn hình Console.

Bạn thấy bài 4 này thế nào? Khi nào bạn muốn, chúng ta tiếp tục với Bài 5 (Các toán tử cơ bản: Toán học, So sánh, Logic) nhé!


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí