JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで数値を切り上げる方法とは？Math.ceil()の使い方を解説

JavaScriptで小数点以下の数値を切り上げたい場合には、Math.ceil()メソッドを使用します。このメソッドは、引数に渡した数値を「最も近い大きい整数」へと切り上げた結果を返します。

例えば、2.1も2.7も、どちらも3に切り上げられます。すでに整数である値は、そのままの値が返されます。

基本的な使い方

以下のコードは、Math.ceil()メソッドを使って数値を切り上げるシンプルな例です。

<html>
<head>
  <title>JavaScript Math ceil() メソッド</title>
</head>
<body>
  <script>
    var value = Math.ceil( 2.7 );
    document.write("1つ目の結果 : " + value );

    var value = Math.ceil( 30.2 );
    document.write("<br />2つ目の結果 : " + value );
  </script>
</body>
</html>

実行結果

1つ目の結果 : 3
2つ目の結果 : 31

動作のポイント

上記の例では、2.7は3へ、30.2は31へとそれぞれ切り上げられていることがわかります。小数部分がどれだけ小さくても、Math.ceil()は必ず大きい方の整数へ丸める点に注意してください。

なお、負の数を扱う場合も同様に「大きい方の整数」へ切り上げられます。例えば、Math.ceil(-2.3)は-3ではなく-2を返します。これは「切り上げ＝ゼロに近い方向へ丸める」という動作になるためです。

逆に、数値を切り下げたい場合にはMath.floor()メソッド、四捨五入したい場合にはMath.round()メソッドを使用するとよいでしょう。用途に応じてこれらのメソッドを使い分けることで、数値処理を柔軟に実装できます。

  1. JavaScriptのMath.round()関数の使い方をわかりやすく解説

    Math.round()関数とはJavaScriptのMathオブジェクトが持つround()メソッドは、引数として渡された浮動小数点数を四捨五入し、最も近い整数値を返します。小数を含む数値を整数に丸めたい場面でよく使われる基本的なメソッドです。四捨五入のルール引数の数値が「x.5」以上の場合は、切り上げて次の整数(x+1)を返します。引数の数値が「x.5」未満の場合は、切り捨てて前の整数(x)を返します。引数がすでに整数である場合は、そのまま同じ値を返します。負の数の場合も同様に処理され、例えば「-2.5」は「-2」、「-2.6」は「-3」に丸められます。構文Math.round()メソッド

  2. JavaScriptで値を数値に変換するには？Number()メソッドの使い方を解説

    JavaScriptでは、Number()メソッドを使うことで、任意の値を数値に変換できます。このメソッドは、数値を表す文字列を数値へ変換したり、真偽値（boolean）を「1」または「0」に変換したりすることが可能です。ここでは、その基本的な使い方について詳しく解説します。構文var num = Number(value);引数 value に変換したい値を渡すと、数値に変換された結果が返されます。変換できない場合は NaN（Not a Number）が返される点にも注意しましょう。例1：数値文字列と真偽値の変換次の例では、Number()メソッドを使って、数値を表す文字列や真偽値を数値に変