Hướng dẫn javascript parsefloat

Phương thức parseFloat() sẽ phân tích một chuỗi được cung cấp và trả về một giá trị số.

Hướng dẫn javascript parsefloat

Hướng dẫn javascript parsefloat

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Cụ thể, nếu chuỗi truyền vào được bắt đầu bằng số nguyên hoặc một số thập phân, phương thức sẽ phân tích chuỗi và trả về số đó như một số( thuộc kiểu number) chứ không phải một chuỗi như ban đầu.

Nếu chuỗi bắt đầu bằng các khoảng trắng, phương thức sẽ loại bỏ các khoảng trắng sau đó phân tích.

Nếu chuỗi bắt đầu bằng 1 dấu chấm và theo sau là một hoặc nhiều số, phương thức sẽ tự động coi đó là một số thập phân, ví dụ: '.10955' sẽ trở thành 0.10955.

Bài viết này được đăng tại [free tuts .net]

Nếu kí tự đầu tiên của chuỗi truyền vào không thể chuyển thành một số, phương thức sẽ trả về NaN.

Cú pháp

Cú phápparseFloat( string)

Trong đó:

  • string là chuỗi cần phân tích.

Cách sử dụng

Sử dụng phương thức parseFloat() để phân tích chuỗi.



    
        
    
    
        

Học lập trình miễn phí tại freetuts.net

Kết quả

14Hello - 14
999 - 999
555-444 534 - 555
.555-444 534 - 0.555
14.5Freetuts - 14.5
freetuts.net - NaN
...555 - NaN

Tham khảo: w3schools.com

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:

  1. Xóa bỏ các khoảng trắng nếu có ở đầu chuỗi chỉ định

  2. 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.

  3. 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à eE. 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:


parseFloat('12.34');


parseFloat(' 12.34');


parseFloat(' -12.34');


parseFloat(' -12.34cm');


parseFloat('Month22.34');


parseFloat('56.12.34');

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.


parseFloat('0x42');


parseFloat('0X42');

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.

Viết bởi Kiyoshi. Đã đăng ký bản quyền tác giả tại <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" rel="license noopener" target="_blank" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creativecommons</a>&nbsp;và <a title="Bạn được tự do chia sẻ bài viết nhưng phải để lại đường link bài viết từ laptrinhcanban.com. Bạn không được sử dụng tài liệu cho mục đích thương mại. Không được phép chỉnh sửa nội dung được phát hành trên website của chúng tôi" style="color:#fff;background-color:silver" target="_blank" rel="noopener" href="https://www.dmca.com/Protection/Status.aspx?ID=1631afcd-7c4a-467d-8016-402c5073e5cd" class="dmca-badge">DMCA</a><script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js">

Bài viết liên quan

Hãy chia sẻ và cùng lan tỏa kiến thức lập trình Nhật Bản tại Việt Nam!

HOME>> >>

Profile
Hướng dẫn javascript parsefloat

Tác giả : Kiyoshi (Chis Thanh)

Kiyoshi là một cựu du học sinh tại Nhật Bản. Sau khi tốt nghiệp đại học Toyama năm 2017, Kiyoshi hiện đang làm BrSE tại Tokyo, Nhật Bản.