JavaScript hiển thị nổi đến 2 chữ số thập phân

Tôi muốn hiển thị một số đến 2 chữ số thập phân.

Tôi nghĩ rằng tôi có thể sử dụng toPrecision(2)trong JavaScript.

Tuy nhiên, nếu số lượng là 0.05, tôi nhận được 0.0500. Tôi muốn nó vẫn như cũ.

Xem nó trên JSbin .

Cách tốt nhất để làm việc này là gì?

Tôi có thể nghĩ về việc mã hóa một vài giải pháp, nhưng tôi tưởng tượng (tôi hy vọng) một cái gì đó như thế này được xây dựng trong?

float_num.toFixed(2);

Lưu ý:toFixed() sẽ làm tròn hoặc đệm bằng số không nếu cần để đáp ứng độ dài đã chỉ định.

Bạn có thể làm điều đó với toFixedchức năng, nhưng nó có lỗi trong IE . Nếu bạn muốn một giải pháp đáng tin cậy, hãy xem câu trả lời của tôi ở đây .

Hãy thử toFixedthay vì toPrecision.

Không biết làm thế nào tôi có được câu hỏi này, nhưng ngay cả khi đã được hỏi nhiều năm, tôi vẫn muốn thêm một phương pháp nhanh chóng và đơn giản mà tôi làm theo và nó không bao giờ làm tôi thất vọng:

var num = response_from_a_function_or_something();

var fixedNum = parseFloat(num).toFixed( 2 );

function round(value, decimals) { return Number(Math.round(value+'e'+decimals)+'e-'+decimals); }

vòng (1.005, 2); // trả lại 1.01

vòng (1.004, 2); // trả về 1 thay vì 1,00

Câu trả lời là theo liên kết này: http://www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) hoạt động nhưng nó trả về một chuỗi.

Nếu bạn muốn giữ nó dưới dạng số, bạn có thể sử dụng:

Math.round(number * 100) / 100

Bạn có thể thử trộn Number()và toFixed().

Có số mục tiêu của bạn được chuyển đổi thành một chuỗi đẹp với các chữ số X sau đó chuyển đổi chuỗi được tạo thành một số.

Number( (myVar).toFixed(2) )

Xem ví dụ dưới đây:

var myNumber = 5.01;
var multiplier = 5;
$('#actionButton').on('click', function() {
  $('#message').text( myNumber * multiplier );
});

$('#actionButton2').on('click', function() {
  $('#message').text( Number( (myNumber * multiplier).toFixed(2) ) );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="actionButton">Weird numbers</button>
<button id="actionButton2">Nice numbers</button>

<div id="message"></div>

Các toFixed()phương pháp định dạng một số sử dụng ký hiệu điểm cố định.

và đây là cú pháp

numObj.toFixed([digits])

đối số chữ số là tùy chọn và theo mặc định là 0. Và kiểu trả về là chuỗi không phải là số. Nhưng bạn có thể chuyển đổi nó thành số bằng cách sử dụng

numObj.toFixed([digits]) * 1

Nó cũng có thể ném ngoại lệ như TypeError,RangeError

Dưới đây là chi tiết đầy đủ và khả năng tương thích trong trình duyệt.

let a = 0.0500
a.toFixed(2);

//output
0.05

Tôi đã thực hiện chức năng này. Nó hoạt động tốt nhưng trả về chuỗi.

function show_float_val(val,upto = 2){
  var val = parseFloat(val);
  return val.toFixed(upto);
}