JavaScript: JavaScriptの数値とMath

最終更新：2026-10-13

JavaScriptには数値型が1つだけあります：Numberです。整数でも小数でも、すべてNumberです。これはintやfloatを区別するJavaやCとは異なります。シンプルですが、いくつかの注意点があります。

関連する数学メソッド：Number.isNaN() Math.random() Math.floor() Math.round() Math.ceil() Math.abs() Math.max() Math.min() Math.pow() isFinite() toFixed() Number() parseInt Math

1. Number型

JavaScriptでは、整数も浮動小数点数もNumber型です。整数専用の型はありません。

<script>
let a = 42;        // これはNumber
let b = 3.14;      // これもNumber
typeof a;          // "number"
typeof b;          // "number"
</script>

数値は他の形式でも記述できます：

<script>
let hex = 0xFF;       // 16進数、255に等しい
let octal = 0o10;     // 8進数、8に等しい
let binary = 0b1010;  // 2進数、10に等しい
let big = 1e6;        // 科学的記数法、1000000に等しい
</script>

NaNは「Not a Number」の略ですが、型はNumberです — JavaScriptのもっとも皮肉な設計選択の一つです。

<script>
typeof NaN;          // "number"  ← そうです、実は数値です
NaN === NaN;         // false     ← 自分自身とも等しくない！
Number.isNaN(NaN);   // true      ← このメソッドでNaNをチェックする
</script>

NaNはいつ出現するのでしょう？数値でないもので計算をしようとしたときです：

<script>
parseInt('abc');    // NaN
'hello' * 5;       // NaN
Math.sqrt(-1);     // NaN
</script>

Infinityは正の無限大を表し、ゼロで割ったときに現れます：

<script>
1 / 0;             // Infinity
-1 / 0;            // -Infinity
typeof Infinity;   // "number"
</script>

💪 NaNかどうかをチェックするには、===を絶対に使わずNumber.isNaN()を使いましょう。NaN === NaNがfalseなので、これは無数の開発者が引っかかってきた落とし穴です。

2. 浮動小数点の精度

これはJavaScriptのもっとも有名な癖です：0.1 + 0.2 !== 0.3。

<script>
0.1 + 0.2;          // 0.30000000000000004
0.1 + 0.2 === 0.3;  // false
</script>

理由は、コンピュータが浮動小数点数をバイナリで保存する方法に関係しています。値0.1はバイナリでは循環小数となり、保存時に精度が失われます。これはJavaScriptに特有の問題ではなく、IEEE 754標準を使用するすべての言語に存在します。

対策：toFixed()でフォーマットするか、計算前にスケールアップします：

<script>
(0.1 + 0.2).toFixed(2);   // "0.30"
(0.1 * 100 + 0.2 * 100) / 100;  // 0.3
</script>

▶ サンプル：精度問題デモ

3. Mathオブジェクト

MathはJavaScriptの組み込み数学ユーティリティです。インスタンス化は不要で、直接メソッドを呼び出します：

▶ サンプル：主要なMathメソッド

💪 Math.round(-1.5)は-2ではなく-1を返します。負の境界での四捨五入の動作は直感に合わないことがあります。覚えておきましょう。

4. toFixed() — 小数のフォーマット

toFixed(n)は数値を小数点以下n桁にフォーマットし、文字列を返します：

<script>
let price = 9.9;
price.toFixed(2);    // "9.90"  ← 注意：文字列を返す
+(9.9).toFixed(2);   // 9.9     ← +で数値に戻す
</script>

5. toString() — 基数変換

数値メソッドtoString(radix)は数値を指定された基数の文字列に変換します：

<script>
(255).toString(16);   // "ff"  16進数
(255).toString(2);    // "11111111"  2進数
(255).toString(8);    // "377"  8進数
(100).toString();     // "100"  10進数（デフォルト）
</script>

▶ サンプル：基数変換

6. Math.random() — 乱数の生成

Math.random()は0（以上）から1（未満）のランダムな浮動小数点数を返します。実際には、特定の範囲内のランダムな整数が必要になることが多いです：

<script>
// minからmax（両端含む）までのランダムな整数を生成
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>

▶ サンプル：乱数デモ

💪 Math.random()は擬似乱数を生成するため、暗号用途には適していません。暗号学的に安全な乱数にはcrypto.getRandomValues()を使いましょう。

関連する数学メソッド：Number.isNaN() Math.random() Math.floor() Math.round() Math.ceil() Math.abs() Math.max() Math.min() Math.pow() isFinite() toFixed() Number() parseInt Math

❓ よくある質問

📖 まとめ

• JavaScriptにはNumber型が1つだけで、整数も小数もNumber
• NaNはどの値とも等しくない（自分自身も含む）。検出にはNumber.isNaN()を使う
• 0.1 + 0.2 !== 0.3は精度の問題で、toFixed()やスケールアップ/ダウンで対策する
• Math.floorは切り捨て、Math.ceilは切り上げ、Math.roundは四捨五入
• ランダムな整数の公式：Math.floor(Math.random() * (max - min + 1)) + min
• toFixed()は文字列を返す — さらに計算する場合は数値に戻す

📝 練習問題

1. 円の半径を入力として受け取り、面積と円周を計算し、結果を小数点以下2桁に丸めて表示するプログラムを書いてください。
2. 数当てゲームを作成してください：プログラムが1から100までのランダムな整数を生成し、ユーザーが推測を入力すると、正解が見つかるまで「大きすぎます」または「小さすぎます」と応答します。
3. 基数変換器を作成してください：10進数を入力すると、2進数、8進数、16進数の等価値を同時に表示します。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

私たちについて