Làm cách nào để bạn thêm số thập phân vào html?

JavaScript là ngôn ngữ kịch bản phía máy khách cấp cao, được gõ động và diễn giải. JavaScript cung cấp một phương thức parseFloat() sẵn có để phân tích cú pháp một chuỗi và trả về một số dấu phẩy động.  

Cách tiếp cận 1

Phương thức parseFloat() kiểm tra xem ký tự đầu tiên của chuỗi có phải là số không, nếu là số thì phương thức sẽ phân tích chuỗi cho đến hết. Trong trường hợp ký tự đầu tiên của chuỗi không phải là số thì parseFloat() trả về NaN (Không phải là Số). Phương thức parseFloat() phân tích toàn bộ chuỗi. Nếu chuỗi đã truyền có 5 chữ số sau dấu thập phân thì đầu ra là số dấu phẩy động có 5 chữ số sau dấu thập phân. Để giới hạn số chữ số tối đa 2 vị trí sau dấu thập phân, phương thức toFixed() được sử dụng. Phương thức toFixed() làm tròn số dấu phẩy động lên đến 2 vị trí sau dấu thập phân.  

Cú pháp cho parseFloat()

parseFloat(string) 

Cú pháp cho toFixed()

toFixed( int )

ví dụ 1. Ví dụ này cho thấy việc sử dụng phương pháp được mô tả ở trên

Javascript

var num1 = parseFloat("10.547892")

var num2 = parseFloat("10.547892"

toFixed( int )

1

toFixed( int )

2

toFixed( int )

3

toFixed( int )

4

toFixed( int )

5

toFixed( int )

2

toFixed( int )

7

toFixed( int )

4

toFixed( int )

9

đầu ra

Without using toFixed() method
10.547892
Using toFixed() method
10.55

ví dụ 2. Ví dụ trên làm tròn số lên 2 chữ số sau dấu thập phân. Nhưng trong một số trường hợp, nhà phát triển có thể không muốn làm tròn số. Đây là một phương pháp thay thế để lấy số dấu phẩy động đến các vị trí đã chỉ định mà không làm tròn số đó

Tiếp cận. Lúc đầu, đối số đầu tiên được chuyển đổi thành một chuỗi, điều này sẽ hữu ích nếu đối số được truyền chưa có định dạng chuỗi. Chuỗi hiện được cắt từ đầu đến số vị trí được chỉ định sau dấu thập phân. Cuối cùng, chuỗi đã cắt được trả về sau khi chuyển đổi kiểu thành số. Hạn chế của phương thức này là không giống như parseFloat(), phương thức này không thể phát hiện xem chuỗi đã truyền có thực sự chứa số dấu phẩy động hay không.  

Thí dụ. Trong ví dụ này, một hàm ParseFloat() được định nghĩa có 2 đối số. Đối số đầu tiên là một chuỗi hoặc số sẽ được phân tích cú pháp và đối số thứ hai là số vị trí sau dấu thập phân

Javascript

Without using toFixed() method
10.547892
Using toFixed() method
10.55

0

Without using toFixed() method
10.547892
Using toFixed() method
10.55

1

Without using toFixed() method
10.547892
Using toFixed() method
10.55

2_______11_______3

Without using toFixed() method
10.547892
Using toFixed() method
10.55

2_______11_______5

Without using toFixed() method
10.547892
Using toFixed() method
10.55

6

Without using toFixed() method
10.547892
Using toFixed() method
10.55

7

Without using toFixed() method
10.547892
Using toFixed() method
10.55

2_______11_______9

10.54

0

10.54

1

10.54

2_______29_______

10.54

4

đầu ra

10.54

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Phương thức toFixed nhận một tham số, cho biết có bao nhiêu chữ số sẽ xuất hiện sau dấu thập phân và trả về kết quả

Con số. Phương thức toFixed định dạng một số thành số vị trí thập phân đã chỉ định

Tham số duy nhất mà phương thức toFixed nhận là có bao nhiêu chữ số sẽ xuất hiện sau dấu thập phân

Phương pháp toFixed

• làm tròn số nếu cần
• đệm các vị trí thập phân bằng số không nếu cần

Sử dụng parseFloat để chuyển đổi một chuỗi thành một số trước khi gọi toFixed

Chỉ nên gọi phương thức toFixed trên một số. Nếu bạn có một số được bọc trong một chuỗi, trước tiên hãy gọi hàm parseFloat()

Hàm parseFloat phân tích chuỗi thành số dấu phẩy động

Bạn có thể xác định một hàm có thể sử dụng lại để xử lý chuyển đổi và định dạng số thành 2 chữ số thập phân

Hàm lấy một số làm tham số và định dạng số thành 2 chữ số thập phân

Lưu ý rằng các số dấu phẩy động không đại diện chính xác cho tất cả các số thập phân ở dạng nhị phân, điều này có thể dẫn đến kết quả không nhất quán

Định dạng số 6.005 thành 2 chữ số thập phân trả về num.toFixed(2)0 trong khi num.toFixed(2)1 được trả về cho num.toFixed(2)2

Vấn đề này thường được chứng minh bằng cách cộng các số num.toFixed(2)3 và num.toFixed(2)4

Tổng của num.toFixed(2)3 và num.toFixed(2)4 bằng num.toFixed(2)7 thay vì num.toFixed(2)8

Điều này là do định dạng dấu phẩy động nhị phân không thể biểu diễn chính xác các số như num.toFixed(2)3 hoặc num.toFixed(2)4

Mã được làm tròn đến số gần nhất, dẫn đến lỗi làm tròn

Phương thức toFixed trả về một chuỗi

Phương thức toFixed trả về một chuỗi. Nếu bạn cần kết quả thuộc loại toFixed3, hãy gọi phương thức parseFloat() trên chuỗi

Lưu ý rằng chúng tôi không có số 0 ở cuối sau khi chuyển đổi chuỗi thành số

Bạn không thể có các số có số 0 ở cuối trong JavaScript

Ngôn ngữ không giữ các số 0 ở cuối không đáng kể sau khi chuyển đổi một chuỗi thành một số

Các số chúng tôi so sánh bằng nhau vì các số 0 ở cuối là không đáng kể

Định dạng một số thành 2 chữ số thập phân bằng cách sử dụng toFixed5

Để định dạng một số thành 2 chữ số thập phân

1. Nhân số với toFixed6
2. Sử dụng hàm toFixed5 để làm tròn số đến số nguyên gần nhất
3. Chia số cho toFixed6

Đầu tiên chúng ta nhân số với toFixed6 để di chuyển dấu thập phân sang phải 2 vị trí

Toán học. phương pháp round làm tròn một số đến số nguyên gần nhất

Bước cuối cùng là chia kết quả cho toFixed6

Chia kết quả cho ________ 35 ______ 6 định dạng số thành 2 chữ số thập phân

Khi sử dụng phương pháp này, hàm trả về một số

Vì hàm trả về một số, nên tất cả các số không ở cuối không đáng kể đều bị loại bỏ

Nếu bạn cần giữ các số 0 không đáng kể ở cuối xung quanh, hãy sử dụng phương pháp toFixed() từ phân nhóm trước