HOME › học javascript - lập trình javascript cơ bản>>11. global function trong javascript

Hàm parseFloat trong Javascript

21 tháng 12 ,2021

Hướng dẫn cách sử dụng hàm parseFloat trong JavaScript. Bạn sẽ học được cách sử dụng hàm parseFloat để chuyển chuỗi thành số thực trong JavaScript sau bài học này.

Hàm parseFloat trong Javascript

Hàm parseFloat trong Javascript là một hàm glocal có tác dụng chuyển chuỗi thành số thực trong JavaScript. Nếu như đối số truyền vào không phải là chuỗi thì hàm sẽ chuyển đổi kiểu dữ liệu sang chuỗi trước khi thực hiện việc chuyển thành số.

JavaScript cũng chuẩn bị phương thức Number.parseFloat trong Number Object cũng có tác dụng giống như hàm glocal parseFloat. Bạn có thể tìm hiểu thêm hàm này tại bài Chuyển chuỗi thành số thực trong JavaScript (Number.parseFloat).

Chúng ta sử dụng parseFloat để chuyển chuỗi thành số thực trong JavaScript với cú pháp sau đây:

parseFloat(str);

Trong đó str là chuỗi string cần chuyển sang dạng số thực.

Quá trình chuyển chuỗi thành số thực bằng parseFloat trong JavaScript bao gồm các xử lý sau:

Xóa bỏ các khoảng trắng nếu có ở đầu chuỗi chỉ định
Nếu tồn tại các ký hiệu + hoặc - thì sẽ coi như là dấu của kết quả sau khi chuyển.
Phân tích chuỗi và chuyển đổi các ký tự có thể chuyển thành số thực, cho tới trước ký tự đầu tiên không thể chuyển thành số thực được tìm thấy. Các ký tự có thể chuyển thành số về dạng số bao gồm các chữ số, dấu +-, dấu . và 2 ký tự biểu diễn hàm số mũ là e và E. Tuy nhiên cần lưu ý dấu . thứ 2 nếu xuất hiện trong chuỗi sẽ không được coi như là số nữa.

Kết quả, hàm parseFloat sẽ trả về giá trị số thực được phân tích ra từ chuỗi ban đầu. Trong trường hợp ký tự đầu tiên của chuỗi đã cho (ngoại trừ khoảng trắng) không thể chuyển về được dạng số, kết quả NaN sẽ được trả về.

Một điểm cần đặc biệt lưu ý là khác với hàm parseInt được sử dụng để chuyển chuỗi thành số nguyên vốn coi các chuỗi được bắt đầu bởi 0x hoặc 0X là số (ở dạng cơ số 16), thì trong hàm parseFloat, các ký tự này cũng chỉ được coi là ký tự thông thường, và chỉ có chữ số 0 được coi là có thể chuyển về dạng số mà thôi.

Một số ví dụ chuyển chuỗi thành số thực trong JavaScript

Để hiểu rõ hơn cách dùng parseFloat trong JavaScript, hãy cùng xem một số ví dụ cụ thể chuyển chuỗi thành số thực như sau:

/*Chuỗi là các chữ số*/
parseFloat('12.34'); // 12.34

/*Chuỗi chứa khoảng trắng đầu chuỗi*/
parseFloat('  12.34'); // 84

/*Chuỗi chứa dấu cộng trừ*/
parseFloat('  -12.34');// -12.34

/*Chuỗi chứa ký tự không thể chuyển về số ở cuối*/
parseFloat('  -12.34cm'); // -12.34

/*Chuỗi chứa ký tự không thể chuyển về số ngay đầu*/
parseFloat('Month12.34'); // NaN

/*Chuỗi chứa 2 dấu chấm*/
parseFloat('56.12.34'); //56.12

Và chúng ta cần lưu ý, các chuỗi được bắt đầu bởi 0x hoặc 0X sẽ chỉ được coi là các ký tự thông thường, và chỉ có chữ số 0 được coi là có thể chuyển về số thực mà thôi.

/*chuỗi được bắt đầu bởi 0x*/
parseFloat('0x42'); // 0

/*chuỗi được bắt đầu bởi 0X*/
parseFloat('0X42');// 0

Tổng kết

Trên đây Kiyoshi đã hướng dẫn bạn về cách sử dụng hàm parseFloat trong JavaScript để chuyển chuỗi thành số thực rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé.

Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo.