Memformat angka untuk selalu menampilkan 2 tempat desimal

Saya ingin memformat nomor saya untuk selalu menampilkan 2 tempat desimal, pembulatan jika berlaku.

Contoh:

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

Saya telah menggunakan ini:

parseFloat(num).toFixed(2);

Tapi itu ditampilkan 1sebagai 1, bukan 1.00.

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

Demo Langsung

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>

Perhatikan bahwa itu akan membulatkan ke 2 tempat desimal, sehingga input 1.346akan kembali 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>

Jawaban ini akan gagal jika value = 1.005.

Sebagai solusi yang lebih baik, masalah pembulatan dapat dihindari dengan menggunakan angka yang diwakili dalam notasi eksponensial:

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

Kode bersih seperti yang disarankan oleh @Kon, dan penulis asli:

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

Anda dapat menambahkan toFixed()di akhir untuk mempertahankan titik desimal misalnya: 1.00tetapi perhatikan bahwa itu akan kembali sebagai string.

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

Kredit: Pembulatan Desimal dalam 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

Untuk pembulatan paling akurat, buat fungsi ini:

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

dan menggunakannya untuk membulatkan ke 2 tempat desimal:

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

Berkat Razu , artikel ini , dan referensi Math.round MDN .

Untuk browser modern, gunakan toLocaleString:

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

Tentukan tag lokal sebagai parameter pertama untuk mengontrol pemisah desimal . Untuk titik, gunakan misalnya lokal Bahasa Inggris AS:

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

pemberian yang mana:

1.35

Sebagian besar negara di Eropa menggunakan koma sebagai pemisah desimal, jadi jika Anda misalnya menggunakan lokal Swedia / Swedia:

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

itu akan memberi:

1,35

Jawaban paling sederhana:

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

Contoh: http://jsfiddle.net/E2XU7/

Solusi yang jauh lebih umum untuk pembulatan ke tempat N

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

Jika Anda sudah menggunakan jQuery, Anda bisa melihat menggunakan plugin Format Angka jQuery .

Plugin dapat mengembalikan angka yang diformat sebagai string, Anda dapat mengatur desimal, dan ribuan pemisah, dan Anda dapat memilih jumlah desimal untuk ditampilkan.

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

Anda juga bisa mendapatkan Format Angka jQuery dari GitHub .

Apakah ini yang Anda maksud?

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>

Ubah angka menjadi string, dengan hanya menyimpan dua desimal:

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

Hasil dari n adalah:

5.57

Apakah Anda mencari lantai?

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

Berikut ini juga fungsi generik yang dapat memformat ke sejumlah tempat desimal:

function numberFormat(val, decimalPlaces) {

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

Di mana pemformatan khusus diperlukan, Anda harus menulis rutinitas Anda sendiri atau menggunakan fungsi pustaka yang melakukan apa yang Anda butuhkan. Fungsi ECMAScript dasar biasanya tidak cukup untuk menampilkan angka yang diformat.

Penjelasan menyeluruh tentang pembulatan dan pemformatan ada di sini: http://www.merlyn.demon.co.uk/js-round.htm#RiJ

Sebagai aturan umum, pembulatan dan pemformatan seharusnya hanya ditampilkan sebagai langkah terakhir sebelum output. Melakukannya lebih awal dapat menyebabkan kesalahan besar yang tidak terduga dan menghancurkan pemformatan.

Jalankan saja ke salah satu utas terlama ini, di bawah ini adalah solusi saya:

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

Beritahu saya jika ada yang bisa membuat lubang

Anda tidak memberi kami seluruh gambaran.

javascript:alert(parseFloat(1).toFixed(2))menunjukkan 1,00 di browser saya ketika saya tempelkan di bilah lokasi. Namun jika Anda melakukan sesuatu setelahnya, itu akan kembali.

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);

Saya harus memutuskan antara konversi parseFloat () dan Number () sebelum saya dapat melakukan panggilan toFixed (). Berikut adalah contoh dari pemformatan input pengguna pasca-pengambilan.

HTML:

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

Penangan acara:

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

Kode di atas akan menghasilkan pengecualian TypeError. Perhatikan bahwa meskipun tipe input html adalah "angka", input pengguna sebenarnya adalah tipe data "string". Namun, fungsi toFixed () hanya dapat dipanggil pada objek yang merupakan Angka.

Kode akhir saya akan terlihat sebagai berikut:

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

Alasan saya memilih untuk menggunakan Number () vs. parseFloat () adalah karena saya tidak harus melakukan validasi tambahan baik untuk string input kosong, maupun nilai NaN. Fungsi Number () akan secara otomatis menangani string kosong dan diam-diam menjadi nol.

Saya suka:

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

Bulatkan angka dengan 2 angka desimal, lalu pastikan untuk menguraikannya dengan parseFloat() mengembalikan angka , bukan string kecuali Anda tidak peduli apakah itu string atau angka.

Perpanjang objek Matematika dengan metode presisi

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; bekerja untukku.

berikut ini adalah solusi lain untuk hanya menggunakan floor, artinya, memastikan jumlah yang dihitung tidak akan lebih besar dari jumlah semula (terkadang diperlukan untuk transaksi):

Math.floor(num* 100 )/100;

Anda dapat mencoba kode ini:

    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

Coba kode di bawah ini:

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")

Inilah cara saya memecahkan masalah saya:

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