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

JavaScriptで数値が整数か小数かを判定する方法

Math.floorメソッドを使った判定方法

JavaScriptで数値が整数（小数点以下の桁を持たない数）か、それとも小数を含む数かを判定したい場合は、Math.floorメソッドを使うのがシンプルで確実な方法です。

Math.floorは、引数として渡された数値以下の最大の整数を返します。そのため、元の数値とMath.floorの結果を比較し、両者が一致すれば整数、一致しなければ小数点以下の桁があると判断できます。

サンプルコード

以下のコードを実行すると、数値に小数点以下の桁があるかどうかを確認できます。

<html>
   <head>
      <title>JavaScript Numbers</title>
   </head>
   
   <body>
      <script>
         var num = 10.2;
         if (num == Math.floor(num)) {
            alert("Whole Number")
         } else {
            alert("Decimal Number")
         }
      </script>
   </body>
</html>

この例では、変数numに10.2が代入されているため、実行すると「Decimal Number（小数です）」というアラートが表示されます。もしnumに10のような整数が代入されていれば、「Whole Number（整数です）」と表示されます。

補足：Number.isIntegerメソッド

ES6（ECMAScript 2015）以降の環境では、Number.isInteger()メソッドを使うことで、より直感的に判定することもできます。

var num = 10.2;
if (Number.isInteger(num)) {
  alert("整数です");
} else {
  alert("小数です");
}

どちらの方法でも目的は達成できますが、古いブラウザへの対応が必要な場合はMath.floorを使った方法が有効です。用途や対応環境に応じて使い分けるとよいでしょう。

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

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

  2. JavaScriptで数値の小数点以下の桁数を取得する方法

    概要本記事では、整数または浮動小数点数を受け取るJavaScript関数の作成方法を解説します。引数が浮動小数点数の場合は小数点以下の桁数を返し、整数の場合は0を返します。実装の考え方最もシンプルで確実な方法は、数値を一度文字列に変換し、小数点（.）が含まれているかどうかを判定するアプローチです。具体的な手順は以下のとおりです。String()を使って数値を文字列に変換するincludes()で小数点が含まれているかを確認する含まれていればsplit(.)で分割し、小数点以下の文字数を返す含まれていなければ0を返すコード例const num1 = 1.123456789;const num2