Như chúng ta đã thảo luận trong phần trước, Javascript có 8 loại Data Types
String
Number
Bigint
Boolean
Undefined
Null
Symbol
Object
Chúng ta cũng đã thảo thuận khá nhiều nên sẽ không đi sâu vào chi tiết trong phần này.
Tóm tắt về các kiểu dữ liệu trong JavaScript:
Kiểu dữ liệu boolean: bao gồm hai giá trị true và false dùng để biểu diễn đúng và sai.
Kiểu dữ liệu null: chỉ gồm một giá trị null, dùng để biểu thị trạng thái không biết giá trị.
Kiểu dữ liệu undefined: chỉ gồm một giá trị undefined, dùng để biểu thị trạng thái chưa gán giá trị.
Kiểu dữ liệu number: dùng để biểu diễn số nguyên hoặc số thực. Trong đó, số nguyên giới hạn trong đoạn ±(253-1.
Kiểu dữ liệu BigInt: dùng để biểu diễn số nguyên lớn, có độ dài tùy ý. Để biểu diễn số thuộc kiểu BigInt, bạn chỉ cần thêm chữ cái n ở cuối.
Kiểu dữ liệu string: dùng để biểu diễn kí tự, chuỗi ký tự,... bằng cách sử dụng dấu nháy đơn ('), nháy kép (") hoặc dấu "backtick" (`). Mỗi string có thể chứa một kí tự, nhiều kí tự hoặc không chứa kí tự nào (empty string).
Kiểu dữ liệu symbol: dùng để tạo ra những giá trị duy nhất, thường dùng làm "key" cho object.
Kiểu dữ liệu object: là tập hợp của các cập key-value.
Cũng như việc ép kiểu dữ liệu chúng ta đã bàn trước đây, chuyển đổi kiểu dữ liệu trong Javascript là việc gán giá trị của một biến có kiểu dữ liệu này tới biến khác có kiểu dữ liệu khác.
Chuyển đổi kiểu dữ liệu sang string
Để chuyển đổi bất kỳ kiểu dữ liệu nào sang string, bạn có thể dùng hàm String(value). Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Variables</h1>
<p>Trong ví dụ này x, y, and z không được khai báo.</p>
<p>Chúng được khai báo tự động khi chúng ta sử dụng.</p>
<p id="datviet"></p>
<script>
x = 5;
y = 6;
z = x + y;
a = String(z);
document.getElementById("datviet").innerHTML = "Giá trị của biến z (tổng của 5 và 6) là: " + a;
</script>
</body>
</html>
Sử dụng JSFiddle, chạy thử
Chuyển đổi kiểu dữ liệu sang number
Khi chúng ta muốn chuyển đổi từ một giá trị khác sang giá trị kiểu number, chúng ta có thể sử dụng Number(). Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Variables</h1>
<p>Trong ví dụ này x, y, and z không được khai báo.</p>
<p>Chúng được khai báo tự động khi chúng ta sử dụng.</p>
<p id="datviet"></p>
<p id="datviet2"></p>
<script>
x = 5;
y = 6;
z = x + y;
a = String(z);
b = Number(a);
document.getElementById("datviet").innerHTML = "Giá trị của biến z (tổng của 5 và 6) là: " + a;
document.getElementById("datviet2").innerHTML = "Giá trị của biến b là: " + b;
</script>
</body>
</html>
Chạy thử:
Không có nhận xét nào:
Đăng nhận xét