Chuyển đổi loại

Bạn luôn cần chuyển đổi loại của một giá trị: value của đầu vào HTML xuất hiện dưới dạng một chuỗi ngay cả khi nó đại diện cho một số, một API trả về chuỗi về định dạng, bạn cần ghi nhật ký một đối tượng dưới dạng văn bản. Ưu đãi của JS ba nhóm chuyển đổi: trình phân tích cú pháp rõ ràng, chuyên dụng và (được tránh) những cái ngầm.

Chuyển đổi rõ ràng

Đây là những điều rõ ràng nhất và phải là mặc định của bạn:

Number('42'); // 42
Number('3.14'); // 3.14
Number(''); // 0     ← careful
Number('  10 '); // 10     (spaces are ignored)
Number('ciao'); // NaN    ← does not represent a number

String(42); // '42'
String(true); // 'true'
String(null); // 'null'
String(undefined); // 'undefined'

Boolean(1); // true
Boolean(0); // false
Boolean(''); // false
Boolean('abc'); // true

parseInt và parseFloat: trình phân tích cú pháp dung sai

Không giống như Number(...), parseInt và parseFloat bỏ qua phần không phải là số tail của chuỗi: chúng dừng ở ký tự không hợp lệ đầu tiên.

Number('42px'); // NaN
parseInt('42px'); // 42
parseFloat('3.14em'); // 3.14
parseInt('   12 anni'); // 12
parseInt('ciao12'); // NaN  ← must start with digits

toFixed để định dạng số dưới dạng chuỗi

Xem ngắn gọn trong bài học trước: làm tròn đến N số thập phân và trả về một chuỗi.

(3.14159).toFixed(2); // '3.14'
(1).toFixed(2); // '1.00'

Để chuyển đổi nó trở lại thành number, hãy sử dụng tiền tố Number(...) hoặc đơn phân +:

Number((3.14159).toFixed(2)); // 3.14
+(3.14159).toFixed(2); // 3.14

NaN: giá trị cắn

NaN ("Không phải số") được tạo ra bởi các phép tính số không thành công:

Number('ciao'); // NaN
0 / 0; // NaN
parseInt('xxx'); // NaN

Đặc trưng:

• nó có loại 'number' (vâng, "không phải số" là một số)
• nó không bằng chính nó: NaN === NaN là false
• để kiểm tra, hãy sử dụng hàm Number.isNaN(x)

const x = Number('ciao');
x === NaN; // false (!)
Number.isNaN(x); // true

Hãy thử nó

Xem lại bài tập