はじめに

JavaScriptの組み込み関数の1つのMathオブジェクトの紹介をします。Mathオブジェクトを使用することで、JavaScriptで数値計算を行うことができます。この記事では、四捨五入、切り上げ、切り捨て、ランダム、数学的な計算について紹介します。

JavaScriptで四捨五入、切り上げ、切り捨てを行う

四捨五入や切り捨てには、Math.round(),Math.floor(),Math.ceil(),Math.trunc()メソッドを使用します。各メソッドの意味は下記のようになります。

Math.round()

Math.round()メソッドは、数値を四捨五入します。挙動としては、以下のようになります。

• 少数点部分が0.5以上の場合は、次の整数に切り上げ
• 少数点部分が0.5以上の場合は、次の整数に切り上げ
• 少数点部分が0.5未満の場合は、前の整数に切り下げ

Math.round(4.24); // 4
Math.round(4.5); // 5
Math.round(4.74); // 5

Math.floor()、Math.ceil()

Math.floor(),Math.ceil()メソッドの挙動は以下のようになります。

• Math.floor()メソッドは、数値以下の最大の整数を返す
• Math.ceil()メソッドは、数値以上の最小の整数を返す

Math.floor(4.24); // 4
Math.ceil(4.24); // 5

Math.floor(4.74); // 4
Math.ceil(4.74); // 5

負の数値の場合は、以下のようになります。

Math.floor(-4.24); // -5
Math.ceil(-4.24); // -4

Math.trunc()

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

Math.trunc(4.24); // 4
Math.trunc(-4.24); // -4

JavaScriptでランダムを扱う

Math.random()メソッドを使うことで、0から1の間のランダムな小数を生成することができます。Math.random()メソッドを使うことで、このブログの下にあるランダム記事のように、すでにある記事からランダムに表示することができるようになります。

Math.random(); // 0以上1未満のランダムな小数

ランダムの値の範囲を指定したい

通常は0から1の間のランダムな小数値を生成しますが、値の範囲を指定したい場合は、Math.floor()などを用いて次のようにします。

Math.floor(Math.random() * 100); // 0以上100未満の間のランダムな整数
10 + Math.floor(Math.random() * 10); // 10以上20未満の間のランダムな整数

ランダムの値の範囲を指定したい場合はよくあるので、覚えておくと便利です。

JavaScriptで数学的な計算を行う

Mathオブジェクトには数学的な計算メソッドが用意されています。それぞれ例としては以下になります。

これらの例の使い方としては次の通りになります。

Math.abs(-4); // -4の絶対値。4
Math.pow(2, 3); // 2の3乗。8
Math.sign(4); // 4が正なので1
Math.sign(-4); // -4が負なので-1
Math.sqrt(4); // 4の平方根。2
Math.log(Math.E); // eの自然対数。1
Math.log2(8); // 2の3乗なので3
Math.exp(1); // eの1乗。2.718281828459045

まとめ

JavaScriptのMathオブジェクトとして、四捨五入、切り上げ、切り捨て、ランダム、数学的な計算について紹介しました。ブラウザの開発者ツールでも簡単に試すことができるので、ぜひ試してみてください。

参考

• Math - MDN