数値フォーマッタ (Intl.NumberFormat)
暮らし
`Intl.NumberFormat` のビジュアル フロントエンド。ロケール（en-US・de-DE・ja-JP・…）、スタイル（decimal・currency・percent・unit）、表記（standard・scientific・engineering・compact）、桁精度を選択。フォーマット出力とそれを生成した正確な JavaScript 呼び出しを表示 — コードベースに貼り付け可能。価格・カウント・パーセント・単位値が異なる市場でどう表示されるかのプレビューに有用。
—
フォーマット済み
1,234,567.891
JavaScript
new Intl.NumberFormat('en-US', {
"style": "decimal",
"notation": "standard",
"useGrouping": true,
"minimumFractionDigits": 0,
"maximumFractionDigits": 3
}).format(1234567.891)すべてのフォーマットはブラウザ内蔵 Intl.NumberFormat 使用 — 本番コードが使用する同じエンジン。
使い方
- 数値を入力・ロケールを選択。
- スタイル選択（decimal/currency/percent/unit）・精度調整。
- `1.2M` スタイルの要約は compact 表記・`1.234E6` は scientific を試す。
- フォーマット結果または一致する JavaScript スニペットをコピー。
よくある質問
- なぜドイツ語は `1.234,56` をカンマ小数でフォーマット？
- ロケール慣習。ドイツ語（`de-DE`）は `.` を千の区切り・`,` を小数 — 米英語の逆。`Intl.NumberFormat` はすべてのロケールでこれを知っているので、`toFixed()` と自前のカンマをハードコードするのは国際アプリには脆い。
- compact 表記は何のため？
- 短いラベル — `1.2K`・`3.4M`・日本語の `5億`。スペースが重要で正確な桁が重要でないダッシュボードやチャート軸用。一般的な UI サイズには `maximumFractionDigits: 1` とペア。
- percent が入力の 100 倍を表示する理由は？
- percent スタイルは 100 を掛ける。`0.42` を `42%` にフォーマットするなら期待動作；すでに `42` に事前乗算し `42%` を望むなら percent スタイルでなくリテラルの `%` を追加。
- どの通貨・単位がサポート？
- currency スタイルはすべての ISO 4217 通貨コード。units はブラウザが定義された認可サブセット（meter・kilometer・mile・byte/megabyte 等）をサポート — このツールは一般的なものを公開。全リストは MDN Intl.NumberFormat オプション参照。