[解決済み】常に小数点以下2桁を表示する数値の書式設定
2022-03-23 22:39:01
質問
常に小数点以下2桁を表示し、場合によっては四捨五入するような書式にしたいのですが。
例
number display
------ -------
1 1.00
1.341 1.34
1.345 1.35
私はこれを使用しています。
parseFloat(num).toFixed(2);
しかし、表示されているのは
1
として
1
よりも、むしろ
1.00
.
解決方法は?
(Math.round(num * 100) / 100).toFixed(2);
ライブデモ
var num1 = "1";
document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);
var num2 = "1.341";
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);
var num3 = "1.345";
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);
span {
border: 1px solid #000;
margin: 5px;
padding: 5px;
}
<span id="num1"></span>
<span id="num2"></span>
<span id="num3"></span>
となることに注意してください。
ラウンド
を小数点以下2桁まで入力します。
1.346
が返されます。
1.35
.
関連
-
[解決済み】未定義のプロパティ 'bind' を読み込めない。React.js【重複あり
-
[解決済み】Uncaught SyntaxError: JSON の位置 0 に予期しないトークン u があります。
-
[解決済み] JavaScriptの日付の書式設定方法
-
[解決済み] .NETでのdecimal, float, doubleの違い?
-
[解決済み] 数字を通貨文字列としてフォーマットする方法
-
[解決済み] JavaScriptで2つの数値の間の乱数を生成する
-
[解決済み] 文字列が数値(float)であるかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptで10進数から16進数へ変換する方法
-
[解決済み] 小数点以下2桁の数字を表示する
-
[解決済み】JavaScriptで10進数を検証する - IsNumeric()
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】node.js TypeError: path must be absolute or specify root to res.sendFile [JSONのパースに失敗しました]。
-
[解決済み】JavaScriptのinnerHTMLで要素が更新されない
-
[解決済み】コンソールがUnterminated JSX contentsエラーを投げる【終了しました
-
[解決済み] エラー。モジュールhtmlが見つからない
-
[解決済み】React-Routerの子が1つしかない。
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】Jestが予期しないトークンに遭遇した
-
[解決済み】このオブジェクトの "forEach "はなぜ関数でないのですか?
-
[解決済み】'useState' が定義されていない no-undef React
-
[解決済み】Javascript、[オブジェクトHTMLInputElement]を表示中。]