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

JavaScriptで数値を切り捨てる方法｜Math.floor()メソッドの使い方を徹底解説

JavaScriptで数値の小数点以下を切り捨てたい場合には、Math.floor()メソッドを使用します。Math.floor()は、引数に渡された数値以下で最も近い整数、つまり小数点以下を切り捨てた値を返します。

基本構文

Math.floor()の書き方は非常にシンプルです。

Math.floor(数値)

使用例

実際に次のコードを実行して、数値がどのように切り捨てられるのか確認してみましょう。

<html>
  <head>
    <title>JavaScript Math floor() Method</title>
  </head>
  <body>
    <script>
      var value = Math.floor( 2.7 );
      document.write("First Test Value : " + value );

      var value = Math.floor( 20.9 );
      document.write("<br />Second Test Value : " + value );

      var value = Math.floor( 15.4 );
      document.write("<br />Third Test Value : " + value );
    </script>
  </body>
</html>

実行結果

First Test Value : 2
Second Test Value : 20
Third Test Value : 15

実行結果を見ると、2.7は2、20.9は20、15.4は15となっており、それぞれ小数点以下が切り捨てられた整数が返されていることが分かります。なお、小数点以下の値に関係なく、必ず切り捨て処理が行われる点が特徴です。

補足：負の数を扱うときの注意点

Math.floor()は「元の数値以下で最も近い整数」を返すため、負の数を扱う際には注意が必要です。例えば Math.floor(-2.7) の結果は -2 ではなく -3 となります。これは、-3が-2.7より小さいためです。単純に小数点以下を取り除きたいだけの場合は、Math.trunc()メソッドを使うと意図した結果が得られます。

  1. JavaScriptで小数を検証するには？正規表現を使った実装例を解説

    JavaScriptで小数を検証する方法 JavaScriptで、ユーザーが入力した値が正しい小数（小数点を含む数値）かどうかを判定したい場面はよくあります。そんなときに便利なのが正規表現です。本記事では、match()メソッドと正規表現を組み合わせて、入力値が小数かどうかを検証する方法を、具体的なコード例とともにわかりやすく解説します。 使用する正規表現パターン 今回の検証では、以下の正規表現を使用します。 /^[-+]?[0-9]+\.[0-9]+$/ このパターンの各要素の意味は次のとおりです。 ^[-+]?：文字列の先頭に符号（+ または -）が付いていても、付いていなくてもマッチ

  2. JavaScriptで数値を最も近い10の累乗に丸める関数の実装方法

    本記事では、数値を受け取り、その数値に最も近い10の累乗(べき乗)を返すJavaScript関数の実装方法について解説します。 要件 入力された数値に対して、最も近い10の累乗を返す関数を作成します。期待される動作は以下の通りです。 f(1) = 1f(5) = 1f(15) = 10f(43) = 10f(456) = 100f(999) = 100 コード例 実際のコードは以下のようになります。 const num = 2355;const num1 = 346;const num2 = 678;const nearestPowerOfTen = (num) => {&nbs