JavaScriptで四捨五入をする方法を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptで四捨五入をする方法について解説しています。ここではround関数を使った四捨五入の方法を説明します。基本の書き方と桁を指定して四捨五入する場合の書き方を学習しましょう。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事が4,000以上あります。現役エンジニアの方はこちらをご覧ください。

JavaScriptで四捨五入をする方法について、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

 

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まるでしょう。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

四捨五入をする方法について詳しく説明していくね!

大石ゆかり

お願いします!

 

round関数とは

round関数は、小数点第一位を四捨五入し、整数を返す関数です。

 

round関数の使い方

round関数は以下のように記述します。

Math.round(四捨五入したい数値)

 

[PR] JavaScript・jQueryで挫折しない学習方法を動画で公開中

JavaScriptで四捨五入をする方法

実際にコードを見てみましょう。

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      console.log(Math.round(1234.56));
    </script>
  </body>
</html>

 

 桁を指定して四捨五入をする方法

桁を指定して四捨五入する方法を見てみましょう。

簡潔にいうと、桁を指定するのは小数点の位置を調整することで可能です。

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      console.log(Math.round(1234.56*10)/10);
    </script>
  </body>
</html>

これで、小数点第二位が四捨五入されました。

 

まとめ

JavaScriptで四捨五入をする方法を現役エンジニアが解説しました。

プログラミングにおいては数値計算の機会も多いため、活用してみましょう。

 

執筆してくれたメンター

メンターTK

大学院でVBAを扱う研究を行い、プログラミングの素晴らしさに目覚める。

その後、建設系企業のシステム担当として従事。

JavaScriptやPHP、Processingなどに没頭中。

 

大石ゆかり

JavaScriptで四捨五入をする方法がよくわかったので良かったです!

田島悠介

今後も分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

TechAcademyでは、初心者でも最短4週間でJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので参加してみてください。