JavaScript : 小数の切り捨て、切り上げ、丸め込み

JavaScriptで小数点以下の値を切り上げるコードと実行結果

概要

JavaScriptで数値を切り上げる場合は Math.ceil() メソッドを用います。

書式

Math.ceil([切り上げしたい小数値]);

コード例

  var result = Math.ceil(val);

プログラム例

コード

下記のHTMLファイルを作成します。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>

  <script type="text/javascript">
    function ceilProc() {
      var val = document.getElementById("Text1").value;
      var result = Math.ceil(val);
      document.getElementById("output").innerText = "切り上げ値:" + result;
    }
  </script>

</head>
<body>

  <h2>小数の切り上げのデモ</h2>
  <input id="Text1" type="text" /><br />
  <br />
  <input id="Button1" type="button" value="Ceil" onclick="ceilProc();" />&nbsp;
  <br />
  <div id="output"></div>

</body>
</html>

解説

ボタンクリックにより、JavaScriptの関数が呼び出されます。関数内では"Text1"のテキストボックスから値を読み込み、ceilProc関数で小数の切り上げを実行します。結果をid="output"のdiv枠に出力します。

実行結果

上記のHTMLファイルをWebブラウザで表示します。下図の画面が表示されます。
JavaScriptで小数点以下の値を切り上げるコードと実行結果:画像1

テキストボックスに数値を入力します。3.25を入力します。

[Ceil]ボタンをクリックします。小数部分切り上げられた値4が下部に表示されます。

18.765を入力して[Ceil]ボタンをクリックした場合は、切り上げられた値19が表示されます。
JavaScriptで小数点以下の値を切り上げるコードと実行結果:画像4

また、負の数-3.25を入力した場合は、切り上げられた値は -3 になります。

小数を切り上げできました。