1. ホーム
  2. ジャバスクリプト

[解決済み】四捨五入せずに小数点以下2桁で切り捨てたい

2022-04-01 23:09:17

質問

15.7784514という値があったとして、四捨五入せずに15.77と表示させたい。

var num = parseFloat(15.7784514);
document.write(num.toFixed(1)+"<br />");
document.write(num.toFixed(2)+"<br />");
document.write(num.toFixed(3)+"<br />");
document.write(num.toFixed(10));

の結果 - 。

15.8
15.78
15.778
15.7784514000 

15.77を表示するには?

どのように解決するのですか?

数字を文字列に変換し、小数点以下2桁までの数字を一致させる。

function calc(theform) {
    var num = theform.original.value, rounded = theform.rounded
    var with2Decimals = num.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0]
    rounded.value = with2Decimals
}
<form onsubmit="return calc(this)">
Original number: <input name="original" type="text" onkeyup="calc(form)" onchange="calc(form)" />
<br />"Rounded" number: <input name="rounded" type="text" placeholder="readonly" readonly>
</form>

toFixed メソッドと異なり、いくつかのケースで失敗します。 toString ので、十分注意してください。