四捨五入、切り捨て、切り上げ

小数点以下の値を整える

浮動小数点数に対して、次の4種類あるメソッドを実行すると小数点以下の数値を整えることができます。

以下の例では変数number1〜number6までの6種類の数値に対して、それぞれのメソッドを実行してconsole.logメソッドを実行した結果です。

JavaScript コード例

let number1 = 1.1;
let number2 = 1.8;
let number3 = 0.7;
let number4 = 0.2;
let number5 = -1.22;
let number6 = -1.85;

// 四捨五入
console.log(Math.round(number1)); // 1
console.log(Math.round(number2)); // 2
console.log(Math.round(number3)); // 1
console.log(Math.round(number4)); // 0
console.log(Math.round(number5)); // -1
console.log(Math.round(number6)); // -2

// 切り捨て
console.log(Math.floor(number1)); // 1
console.log(Math.floor(number2)); // 1
console.log(Math.floor(number3)); // 0
console.log(Math.floor(number4)); // 0
console.log(Math.floor(number5)); // -2
console.log(Math.floor(number6)); // -2

// 切り上げ
console.log(Math.ceil(number1)); // 2
console.log(Math.ceil(number2)); // 2
console.log(Math.ceil(number3)); // 1
console.log(Math.ceil(number4)); // 1
console.log(Math.ceil(number5)); // -1
console.log(Math.ceil(number6)); // -1

// 正の数値は切り捨て、負の数値は切り上げ
console.log(Math.trunc(number1)); // 1
console.log(Math.trunc(number2)); // 1
console.log(Math.trunc(number3)); // 0
console.log(Math.trunc(number4)); // 0
console.log(Math.trunc(number5)); // -1
console.log(Math.trunc(number6)); // -1

Math.truncメソッドだけ少し特殊に見えますが、正の数値の場合はMath.floorメソッドと同じ切り捨てを行い、負の数値ならMath.ceilメソッドと同じ切り上げを行います。

小数点以下の指定した桁数を残す

上記の4種類のメソッドはすべて小数点以下の値に対して実行して整数の値を戻り値とします。
しかし場合によっては小数点の第n位以下に対して四捨五入したいケースなどもあります。

以下の例では小数点の第2位まで残して、第3位より下の値は四捨五入した値を取得します。

JavaScript コード例

let number1 = 1.1005;
let number2 = 1.1069;
let number3 = 0.0012;
let number4 = 0.0296;
let number5 = -1.5245;
let number6 = -1.0089;

// (1)小数点の位置を移動する
number1 *= 100;
number2 *= 100;
number3 *= 100;
number4 *= 100;
number5 *= 100;
number6 *= 100;

// (2)四捨五入
number1 = Math.round(number1);
number2 = Math.round(number2);
number3 = Math.round(number3);
number4 = Math.round(number4);
number5 = Math.round(number5);
number6 = Math.round(number6);

// (3)小数点の位置を戻す
console.log(number1 /= 100); // 1.1
console.log(number2 /= 100); // 1.11
console.log(number3 /= 100); // 0
console.log(number4 /= 100); // 0.03
console.log(number5 /= 100); // -1.52
console.log(number6 /= 100); // -1.01

(1)の箇所で10のn乗を掛けて小数点の位置を移動させてから(2)の箇所の四捨五入を実行します。
今回は小数点の第2位までを残すため、100を掛けて小数点を2つ後ろに移動しています。

そして最後に、(3)の箇所で10のn乗で割って小数点の位置を元に戻すことで、意図した小数点以下の数値を残した値を取得します。

変数number1やnumber3のように、四捨五入すると小数点の第2位が0のときは省略されてしまいます。
これは数値（Number）の仕様なので致し方ありませんが、toFixedメソッドで文字列（String）として値を取得すると小数点以下の桁数を揃えた形で取得することができます。

JavaScript コード例

let number1 = 1.1005;
let number2 = 1.1069;
let number3 = 0.0012;
let number4 = 0.0296;
let number5 = -1.5245;
let number6 = -1.0089;

// (1)小数点の位置を移動する
number1 *= 100;
number2 *= 100;
number3 *= 100;
number4 *= 100;
number5 *= 100;
number6 *= 100;

// (2)四捨五入
number1 = Math.round(number1);
number2 = Math.round(number2);
number3 = Math.round(number3);
number4 = Math.round(number4);
number5 = Math.round(number5);
number6 = Math.round(number6);

// (3)小数点の位置を戻す
number1 /= 100;
number2 /= 100;
number3 /= 100;
number4 /= 100;
number5 /= 100;
number6 /= 100;

// (4)小数点の第2位までを文字列で取得
console.log(number1.toFixed(2)); // '1.10'
console.log(number2.toFixed(2)); // '1.11'
console.log(number3.toFixed(2)); // '0.00'
console.log(number4.toFixed(2)); // '0.03'
console.log(number5.toFixed(2)); // '-1.52'
console.log(number6.toFixed(2)); // '-1.01'

(3)の小数点の位置を戻すところまでは先ほどと同じ処理になりますが、(4)の箇所でそれぞれの変数に対してtoFixedメソッドを実行して、小数点以下の桁数を残した文字列を取得しています。
toFixedメソッドはパラメータに指定した桁数を残すことができます。

こちらの記事は役に立ちましたか？

コメントありがとうございます！
運営の参考にさせていただきます。