他の数値フォーマット（toExponential, toPrecision 等）との比較
では、JavaScript の数値フォーマット系メソッドtoFixed()・toExponential()・toPrecision()
の違いを、初心者にもわかりやすく比較してまとめます。
3つの数値フォーマットメソッドの比較まとめ
| メソッド名 | 主な用途 | 書式（構文） | 出力形式 | 例 | 主な使いどころ |
|---|---|---|---|---|---|
| toFixed(n) | 小数点以下の桁数を指定 | num.toFixed(n) | 固定小数点形式（例：12.34） | (12.3456).toFixed(2) → "12.35" | 金額や小数点以下の桁数を揃えたいとき（例：通貨、成績など） |
| toExponential(n) | 指数表記で桁数を指定 | num.toExponential(n) | 指数形式（例：1.23e+4） | (12345).toExponential(2) → "1.23e+4" | 非常に大きい／小さい数値を扱うとき（例：科学計算、物理学、天文学など） |
| toPrecision(n) | 全体の「有効桁数」を指定 | num.toPrecision(n) | 状況に応じて通常形式または指数形式 | (12.3456).toPrecision(3) → "12.3"(0.001234).toPrecision(3) → "0.00123" | 全体の精度を一定にしたいとき（例：測定値や丸め計算） |
れぞれの特徴を図解イメージで理解しよう
| メソッド | イメージ | 丸め単位 |
|---|---|---|
| toFixed(2) | 123.4567 → 123.46 | 「小数点以下2桁」までに丸める |
| toExponential(2) | 123.4567 → 1.23e+2 | 「仮数部（1.23）」を2桁で丸める |
| toPrecision(3) | 123.4567 → 123 | 「全体で3桁」になるよう丸める |
丸め方の違い（例：123.4567 の場合）
| 指定 | toFixed | toExponential | toPrecision |
|---|---|---|---|
| なし | "123" | "1.234567e+2" | "123.457" |
| (2) | "123.46" | "1.23e+2" | "1.2e+2" |
| (4) | "123.4567" | "1.2346e+2" | "123.5" |
よくある使い分けポイント
| 状況 | おすすめメソッド | 理由 |
|---|---|---|
| 小数点以下の桁数を統一表示したい（例：1.50, 3.20） | ✅ toFixed() | 端数処理して桁揃えできる |
| 非常に大きな数値や非常に小さな数値を扱う | ✅ toExponential() | 読みやすい指数表記に変換できる |
| 測定値や誤差を含む有効桁数を一定にしたい | ✅ toPrecision() | 桁数基準での精度管理ができる |
総合サンプルコード
let num = 12345.6789;
console.log(num.toFixed(2)); // "12345.68" ← 小数点2桁
console.log(num.toExponential(3)); // "1.235e+4" ← 指数表記（3桁）
console.log(num.toPrecision(4)); // "12350" ← 有効4桁
まとめ（初心者向けの覚え方）
- 🔹 toFixed：「小数点の位置を決めたい」
- 🔹 toExponential：「指数で大きさを表したい」
- 🔹 toPrecision：「全体の**精度（桁数）**をそろえたい」