オーダーメイドコース
icon
icon

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

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

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

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

 

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

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

大石ゆかり

お願いします!

 

round関数とは

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

 

round関数の使い方

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

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

 

[PR] コーディングで副業する方法とは

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では、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。

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