JavaScriptで四捨五入、切り捨て、切り上げをする方法:基礎編13

Programming

この記事ではJavaScriptで数値を四捨五入、切り捨て、切り上げをする方法を紹介します。
WEB制作で実際の数値を表現する際は整数に直して表示することがほとんどなので実戦では必ず必要な知識ですので必ず覚えておきましょう。

難易度(MAX10)★★★★★☆☆☆☆
こんな人に向いた記事
  • 税込み金額の計算後の数値の小数点を切り捨てたい
  • 要素の幅や高さを指定するときに分かりやすく整数にして扱いたい

四捨五入、切り捨て、切り上げをする方法

JavaScriptで四捨五入、切り捨て、切り上げをするには以下のメソッドを使用します。

Math.round(数値)四捨五入
Math.floor(数値)切り捨て
Math.ceil(数値)切り上げ
Math.trunc(数値)数値の整数部分を返す

上記のメソッドの実際の使い方は以下のとおりです。

Math.round(10.347); //結果 10
Math.floor(10.347); //結果 10
Math.ceil(10.347); //結果 11
Math.trunc(10.347); //結果 10
Math.round(10.867); //結果 11
Math.floor(10.867); //結果 10
Math.ceil(10.867); //結果 11
Math.trunc(10.867); //結果 10

Math.roundメソッドは少数部分が0.5以上だったら切り上げ。0.5未満だったら切り捨てられます。
負の値の場合でも考え方は変わらないが見た目乗ややこしくなるので注意しましょう。

Math.round(-10.5); //結果 -10 小数点が0.5以上なので切り上げられる
Math.round(-10.49); //結果 -10 小数点が0.5以上なので切り上げられる
Math.round(-10.51); //結果 -10 小数点が0.5未満なので切り下げられる

Math.floorメソッドは、数値以下の最大の整数を返します(切り捨て)
Math.ceilメソッドは、数値以上の最大の整数を返します(切り上げ)
負の値の場合も理論は同じだが見た目はややこしくなります。

Math.floor(-10.347); //結果 -11
Math.ceil(-10.347); //結果 -10

Math.truncメソッドは、数値の正負に関わらず整数部分のみを返します。

Math.trunc(10.867345); //結果 10

以上が「JavaScriptで四捨五入、切り捨て、切り上げをする方法:基礎編13」でした。

今回の数値の四捨五入は、今後の計算式でも色々と使っていくので、基礎としてしっかりと覚えておいて下さい。

この記事を書いた人
KEITO

AI × IT × WEB3|関東在住。本職はディレクター 。AIを活用してビジネス開拓。仕事の依頼はTwitterからお願いします。YouTube、Twitter、Instagramもお願い致します。

Programming
この記事を共有する
スポンサーリンク
スポンサーリンク
KT LIFE
スポンサーリンク

暗号資産投資するなら以下

Bybit

国内人気No.1!屈強なサーバー/信頼性抜群!トレーダー御用達の取引所。

通貨数338種以上
レバレッジ最大100倍
現物取引手数料Maker:0%〜0.1%
Taker:0.02%〜0.1%
先物取引手数料Maker:0%〜0.01%
Taker:0.03%〜0.06%
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり・JPY利用可
特典下記から登録で初回ボーナスあり
登録リンクBybitへの登録は こちら
招待コード22295
レビュー記事レビュー記事は こちら
BigBoss&CRYPTOS

最大レバレッジ1111倍・日本円換金ルート

通貨数BigBoss:15種以上
CRYPTOS:15種以上
レバレッジ最大1111倍
スポット手数料Maker:0.02%〜0.18%
Taker:0.05〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設少し敷居が高い
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクBigBossへの登録は こちら
招待コード6690951
レビュー記事レビュー記事は こちら
Nexo

高APYでのステーキング&レンディング

通貨数60種以上
レバレッジ
スポット手数料Maker:0.04%〜0.20%
Taker:0.03%〜0.20%
先物取引手数料
操作性スマホでも取引・入金できる
口座開設簡単に口座開設できる
日本語対応日本語対応あり
特典下記から登録で初回ボーナスあり
登録リンクNexoへの登録は こちら
招待コード
レビュー記事レビュー記事は こちら

他おすすめ取引所はこちら

タイトルとURLをコピーしました