JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのMath.ceil()メソッドとMath.round()メソッドの違いとは？切り上げと四捨五入を徹底解説

Math.ceil()メソッドとMath.round()メソッドには、数値を丸める際の動作に重要な違いがあります。Math.ceil()は引数として渡された数値を常に「切り上げ」て、元の値以上で最も近い整数を返すのに対し、Math.round()は「四捨五入」を行い、元の値に最も近い整数を返します。それぞれのメソッドについて、具体的な例を見ながら詳しく解説していきます。

Math.ceil()メソッド：常に切り上げる

Math.ceil()メソッドは、引数として渡された数値を切り上げ、その値以上で最小の整数を返します。小数点以下の値がどれほど小さくても（たとえば5.01のような場合でも）、必ず大きい方の整数へと丸められるのが特徴です。

コード例

以下の例では、数値「5.34」を引数として渡しています。Math.ceil()はこれを「6」に切り上げます。これは実際の数値よりも大きい値です。

<html>
<body>
<script>
   document.write(Math.ceil(5.34));
</script>
</body>
</html>

実行結果

6

Math.round()メソッド：四捨五入する

Math.round()メソッドは、引数として渡された数値を四捨五入し、最も近い整数を返します。小数部分が0.5以上であれば切り上げられ、0.5未満であれば切り捨てられます。つまり、元の数値により近い方の整数が選ばれます。

コード例

以下の例では、同じく数値「5.34」を引数として渡しています。小数部分「0.34」は0.5未満なので、Math.round()はこれを「5」に丸めます。これは実際の数値よりも小さい値です。

<html>
<body>
<script>
    document.write(Math.round(5.34));
</script>
</body>
</html>

実行結果

5

両者の違いを比較表で確認

メソッド動作例（5.34の場合）
Math.ceil()切り上げ（常に大きい値へ）6
Math.round()四捨五入（最も近い整数へ）5

なお、Math.round()はあくまで「最も近い整数」を選ぶため、引数が5.5以上の場合は6に切り上げられる点にも注意してください。単純な切り上げが必要な場合はMath.ceil()を、通常の四捨五入が必要な場合はMath.round()を使い分けるのが正しい使い方です。

  1. JavaScriptにおける関数とメソッドの違いとは？わかりやすく解説

    JavaScriptにおいて、関数とメソッドは本質的には同じものです。両者の違いは、メソッドがオブジェクトのプロパティとして定義された関数であるという点にあります。つまり、独立して定義されたものを「関数」、オブジェクトに紐づけられたものを「メソッド」と呼びます。 JavaScriptの関数の基本形 まず、一般的な関数の定義方法を見てみましょう。 function functionname(param1, param2){ // 処理内容 } JavaScriptのメソッドの例 メソッドは、オブジェクトに関連付けられた関数です。次の例では、employeeオブジェクトの中にdetails

  2. JavaとJavaScriptの違いとは？歴史・技術・使い分けを徹底解説

    ウェブ開発者のジェレミー・キースは2009年、「JavaとJavaScriptの関係は、ハムとハムスターの関係のようなものだ」と語りました。この比喩がどれほど正確かは議論の余地がありますが、その本質は的確です。共通する言語的ルーツを持つにもかかわらず、JavaとJavaScriptはまったく異なる2つのプログラミング言語なのです。年月とともに両者の重なりも多少増えましたが、今なおJavaScriptはウェブサイトにインタラクティブ性をもたらすフロントエンド言語の主流であり続け、Javaはサーバーサイドやアプリケーション開発で人気を保っています。開発者を採用したい方、プログラミングを学びたい方