Số định dạng để luôn hiển thị 2 chữ số thập phân

Tôi muốn định dạng số của mình để luôn hiển thị 2 chữ số thập phân, làm tròn số nếu có.

Ví dụ:

number     display
------     -------
1          1.00
1.341      1.34
1.345      1.35

Tôi đã được sử dụng này:

parseFloat(num).toFixed(2);

Nhưng nó hiển thị 1như 1, hơn là 1.00.

(Math.round(num * 100) / 100).toFixed(2);

Bản thử trực tiếp

var num1 = "1";
document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);

var num2 = "1.341";
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);

var num3 = "1.345";
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);

span {
    border: 1px solid #000;
    margin: 5px;
    padding: 5px;
}

<span id="num1"></span>
<span id="num2"></span>
<span id="num3"></span>

Lưu ý rằng nó sẽ làm tròn đến 2 chữ số thập phân, vì vậy đầu vào 1.346sẽ trở lại 1.35.

Number(1).toFixed(2);         // 1.00
Number(1.341).toFixed(2);     // 1.34
Number(1.345).toFixed(2);     // 1.34 NOTE: See andy's comment below.
Number(1.3450001).toFixed(2); // 1.35

document.getElementById('line1').innerHTML = Number(1).toFixed(2);
document.getElementById('line2').innerHTML = Number(1.341).toFixed(2);
document.getElementById('line3').innerHTML = Number(1.345).toFixed(2);
document.getElementById('line4').innerHTML = Number(1.3450001).toFixed(2);

<span id="line1"></span>
<br/>
<span id="line2"></span>
<br/>
<span id="line3"></span>
<br/>
<span id="line4"></span>

Câu trả lời này sẽ thất bại nếuvalue = 1.005 .

Là một giải pháp tốt hơn, vấn đề làm tròn có thể tránh được bằng cách sử dụng các số được biểu thị trong ký hiệu số mũ:

Number(Math.round(1.005+'e2')+'e-2'); // 1.01

Mã sạch hơn theo đề xuất của @Kon và tác giả gốc:

Number(Math.round(parseFloat(value + 'e' + decimalPlaces)) + 'e-' + decimalPlaces)

Bạn có thể thêm toFixed()vào cuối để giữ lại dấu thập phân, ví dụ: 1.00nhưng lưu ý rằng nó sẽ trả về dưới dạng chuỗi.

Number(Math.round(parseFloat(value + 'e' + decimalPlaces)) + 'e-' + decimalPlaces).toFixed(decimalPlaces)

Tín dụng: Làm tròn số thập phân trong JavaScript

var num = new Number(14.12);
console.log(num.toPrecision(2));//outputs 14
console.log(num.toPrecision(3));//outputs 14.1
console.log(num.toPrecision(4));//outputs 14.12
console.log(num.toPrecision(5));//outputs 14.120

Để làm tròn chính xác nhất, hãy tạo chức năng này:

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

và sử dụng nó để làm tròn đến 2 chữ số thập phân:

console.log("seeked to " + round(1.005, 2));
> 1.01

Nhờ Razu , này bài viết, và tài liệu tham khảo Math.round MDN của .

Đối với các trình duyệt hiện đại, sử dụng toLocaleString:

var num = 1.345;
num.toLocaleString(undefined, { maximumFractionDigits: 2, minimumFractionDigits: 2 });

Chỉ định thẻ ngôn ngữ làm tham số đầu tiên để kiểm soát dấu tách thập phân . Đối với một dấu chấm, sử dụng ví dụ tiếng Anh US locale:

num.toLocaleString("en-US", { maximumFractionDigits: 2, minimumFractionDigits: 2 });

cung cấp cho:

1,35

Hầu hết các quốc gia ở Châu Âu sử dụng dấu phẩy làm dấu phân cách thập phân, vì vậy, nếu bạn sử dụng ngôn ngữ Thụy Điển / Thụy Điển:

num.toLocaleString("sv-SE", { maximumFractionDigits: 2, minimumFractionDigits: 2 });

nó sẽ cho:

1,35

Câu trả lời đơn giản nhất:

var num = 1.2353453;
num.toFixed(2); // 1.24

Ví dụ: http://jsfiddle.net/E2XU7/

Một giải pháp chung chung hơn nhiều để làm tròn đến N địa điểm

function roundN(num,n){
  return parseFloat(Math.round(num * Math.pow(10, n)) /Math.pow(10,n)).toFixed(n);
}


console.log(roundN(1,2))
console.log(roundN(1.34,2))
console.log(roundN(1.35,2))
console.log(roundN(1.344,2))
console.log(roundN(1.345,2))
console.log(roundN(1.344,3))
console.log(roundN(1.345,3))
console.log(roundN(1.3444,3))
console.log(roundN(1.3455,3))

Output

1.00
1.34
1.35
1.34
1.35
1.344
1.345
1.344
1.346

var number = 123456.789;


console.log(new Intl.NumberFormat('en-IN', { maximumFractionDigits: 2 }).format(number));

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

Nếu bạn đã sử dụng jQuery, bạn có thể xem xét sử dụng plugin Định dạng số jQuery .

Plugin có thể trả về các số được định dạng dưới dạng chuỗi, bạn có thể đặt thập phân và hàng nghìn dấu phân cách và bạn có thể chọn số thập phân để hiển thị.

$.number( 123, 2 ); // Returns '123.00'

Bạn cũng có thể nhận được Định dạng số jQuery từ GitHub .

Ý bạn là vậy đúng không?

function showAsFloat(num, n){
      return !isNaN(+num) ? (+num).toFixed(n || 2) : num;
}

document.querySelector('#result').textContent = 
    [
     'command                      | result',
     '-----------------------------------------------',
     'showAsFloat(1);              | ' + showAsFloat(1),
     'showAsFloat(1.314);          | ' + showAsFloat(1.314),
     'showAsFloat(\'notanumber\')    | ' + showAsFloat('notanumber'),
     'showAsFloat(\'23.44567\', 3)   | ' + showAsFloat('23.44567', 3),
     'showAsFloat(2456198, 5)      | ' + showAsFloat('2456198', 5),
     'showAsFloat(0);              | ' + showAsFloat(0)
    ].join('\n');

<pre id="result"></pre>

Chuyển đổi một số thành một chuỗi, chỉ giữ hai số thập phân:

var num = 5.56789;
var n = num.toFixed(2);

Kết quả của n sẽ là:

5.57

Bạn đang tìm kiếm sàn?

var num = 1.42482;
var num2 = 1;
var fnum = Math.floor(num).toFixed(2);
var fnum2 = Math.floor(num2).toFixed(2);
alert(fnum + " and " + fnum2); //both values will be 1.00

function currencyFormat (num) {
    return "$" + num.toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
}

console.info(currencyFormat(2665));   // $2,665.00
console.info(currencyFormat(102665)); // $102,665.00

Đây cũng là một hàm chung có thể định dạng cho bất kỳ số thập phân nào:

function numberFormat(val, decimalPlaces) {

    var multiplier = Math.pow(10, decimalPlaces);
    return (Math.round(val * multiplier) / multiplier).toFixed(decimalPlaces);
}

Khi cần định dạng cụ thể, bạn nên viết thói quen của riêng mình hoặc sử dụng chức năng thư viện thực hiện những gì bạn cần. Chức năng ECMAScript cơ bản thường không đủ để hiển thị các số được định dạng.

Một lời giải thích kỹ lưỡng về làm tròn và định dạng là ở đây: http://www.merlyn.demon.co.uk/js-round.htmlm#RiJ

Theo nguyên tắc chung, làm tròn và định dạng chỉ nên được xác định là bước cuối cùng trước khi xuất. Làm như vậy sớm hơn có thể giới thiệu các lỗi lớn bất ngờ và phá hủy định dạng.

Chỉ cần chạy vào một trong những chuỗi dài nhất, dưới đây là giải pháp của tôi:

parseFloat(Math.round((parseFloat(num * 100)).toFixed(2)) / 100 ).toFixed(2)

Hãy cho tôi biết nếu ai đó có thể chọc một lỗ

Bạn không cho chúng tôi toàn bộ hình ảnh.

javascript:alert(parseFloat(1).toFixed(2))hiển thị 1,00 trong trình duyệt của tôi khi tôi dán vào int0 thanh vị trí. Tuy nhiên nếu bạn làm một cái gì đó với nó sau đó, nó sẽ trở lại.

var num = 2
document.getElementById('spanId').innerHTML=(parseFloat(num).toFixed(2)-1)


shows 1 and not 1.00

var quantity = 12;

var import1 = 12.55;

var total = quantity * import1;

var answer = parseFloat(total).toFixed(2);

document.write(answer);

Tôi đã phải quyết định giữa các chuyển đổi parseFloat () và Number () trước khi tôi có thể thực hiện cuộc gọi toFixed (). Đây là một ví dụ về định dạng số đầu vào người dùng sau khi chụp.

HTML:

<input type="number" class="dec-number" min="0" step="0.01" />

Xử lý sự kiện:

$('.dec-number').on('change', function () {
     const value = $(this).val();
     $(this).val(value.toFixed(2));
});

Đoạn mã trên sẽ dẫn đến ngoại lệ TypeError. Lưu ý rằng mặc dù kiểu đầu vào html là "số", nhưng đầu vào của người dùng thực sự là kiểu dữ liệu "chuỗi". Tuy nhiên, hàm toFixed () chỉ có thể được gọi trên một đối tượng là Số.

Mã cuối cùng của tôi sẽ trông như sau:

$('.dec-number').on('change', function () {
     const value = Number($(this).val());
     $(this).val(value.toFixed(2));
});

Lý do tôi thích sử dụng với Số () so với parseFloat () là vì tôi không phải thực hiện xác thực bổ sung cho cả chuỗi đầu vào trống, cũng như giá trị NaN. Hàm Number () sẽ tự động xử lý một chuỗi rỗng và biến nó thành 0.

Tôi có thích:

var num = 12.749;
parseFloat((Math.round(num * 100) / 100).toFixed(2)); // 123.75

Làm tròn số với 2 điểm thập phân, sau đó đảm bảo phân tích số đó parseFloat() để trả về Số, không phải Chuỗi trừ khi bạn không quan tâm nếu đó là Chuỗi hoặc Số.

Mở rộng đối tượng Math bằng phương pháp chính xác

Object.defineProperty(Math, 'precision',{
   value: function (value,precision,type){
             var v = parseFloat(value),
                 p = Math.max(precision,0)||0,
                 t = type||'round';
              return (Math[t](v*Math.pow(10,p))/Math.pow(10,p)).toFixed(p);
          }
    });

console.log(
    Math.precision(3.1,3), // round 3 digits 
    Math.precision(0.12345,2,'ceil'), // ceil 2 digits
    Math.precision(1.1) // integer part
)

parseInt(number * 100) / 100; đã làm cho tôi.

Đây là một giải pháp khác để làm tròn chỉ bằng cách sử dụng sàn, có nghĩa là, đảm bảo số tiền được tính sẽ không lớn hơn số tiền ban đầu (đôi khi cần thiết cho các giao dịch):

Math.floor(num* 100 )/100;

Bạn có thể thử mã này:

    function FormatNumber(number, numberOfDigits = 2) {
        try {
            return new Intl.NumberFormat('en-US').format(parseFloat(number).toFixed(2));
        } catch (error) {
            return 0;
        }
    }

    var test1 = FormatNumber('1000000.4444');
    alert(test1); // 1,000,000.44

    var test2 = FormatNumber(100000000000.55555555, 4);
    alert(test2); // 100,000,000,000.56

Hãy thử mã dưới đây:

function numberWithCommas(number) { 

   var newval = parseFloat(Math.round(number * 100) / 100).toFixed(2);

   return newval.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

(num + "").replace(/^([0-9]*)(\.[0-9]{1,2})?.*$/,"$1$2")

Đây là cách tôi giải quyết vấn đề của mình:

parseFloat(parseFloat(floatString).toFixed(2));