[Javascript] – Phần 40: Kiểu dữ liệu và Toán tử typeof trong JavaScript

1. Kiểu dữ liệu:

• Trong JavaScript, có 5 kiểu dữ liệu có thể chứa giá trị:
  • string (chuỗi)
  • number (số)
  • boolean (true/false)
  • object (đối tượng)
  • function (hàm)
• Có 6 loại đối tượng:
  • Object (đối tượng)
  • Date (ngày tháng)
  • Array (mảng)
  • String (chuỗi)
  • Number (số)
  • Boolean (true/false)
• 2 kiểu dữ liệu không chứa giá trị là:
  • null
  • undefined

2. Toán tử typeof.

Sử dụng toán tử typeof để xác định kiểu dữ liệu của biến trong JavaScript.

typeof "John"           // Trả về "string"
typeof 3.14             // Trả về "number"
typeof false            // Trả về "boolean"
typeof [1,2,3,4]        // Trả về "object"
typeof {name:'John', age:34}  // Trả về "object"
typeof new Date()       // Trả về "object"
typeof function () {}   // Trả về "function"
typeof null             // Trả về "object" (đây là một lỗi trong JavaScript)
typeof undefined        // Trả về "undefined"

Lưu ý: typeof không thể phân biệt giữa một mảng và một đối tượng thông thường. Cả hai đều trả về object.

3. Dữ liệu nguyên thủy và phức tạp.

• Dữ liệu nguyên thủy: Là giá trị đơn giản, không có các thuộc tính và phương thức bổ sung.
  • string
  • number
  • boolean
  • undefined
• Dữ liệu Phức Tạp: Có thể chứa các thuộc tính và phương thức bổ sung.
  • object
  • function
• Lưu ý: Toán tử typeof trả về một trong các kiểu nguyên thủy khi áp dụng cho giá trị nguyên thủy.

4. Thuộc tính constructor.

Thuộc tính constructor trả về hàm tạo (constructor function) cho tất cả các biến JavaScript.

"John".constructor               // Trả về hàm String() {[native code]}
(3.14).constructor               // Trả về hàm Number() {[native code]}
false.constructor                // Trả về hàm Boolean() {[native code]}
[1,2,3,4].constructor            // Trả về hàm Array() {[native code]}
{name:'John',age:34}.constructor // Trả về hàm Object() {[native code]}
new Date().constructor           // Trả về hàm Date() {[native code]}
function () {}.constructor       // Trả về hàm Function(){[native code]}

5. So sánh giữa null và undefined.

Null và undefined có giá trị giống nhau nhưng khác biệt về kiểu dữ liệu:

typeof null            // Trả về "object"
typeof undefined       // Trả về "undefined"

null === undefined     // Trả về false
null == undefined      // Trả về true

6. Toán tử instanceof.

Toán tử instanceof trả về true nếu một đối tượng là một thể hiện của đối tượng được chỉ định.

const cars = ["Saab", "Volvo", "BMW"];
cars instanceof Array;    // Trả về true
cars instanceof Object;   // Trả về true
cars instanceof String;   // Trả về false
cars instanceof Number;   // Trả về false

7. Toán tử void.

Toán tử void đánh giá một biểu thức và trả về undefined. Thường được sử dụng để tránh lấy giá trị trả về từ một biểu thức.

<a href="javascript:void(0);">
  // Link không có tác dụng
</a>

<a href="javascript:void(document.body.style.backgroundColor='red');">
  // Nhấn để thay đổi màu nền của body thành đỏ
</a>

Hy vọng rằng giải thích này giúp bạn hiểu rõ hơn về các kiểu dữ liệu và toán tử typeof trong JavaScript!