floor | 切り捨て | 0 |
---|---|---|
trunc | 切り捨て | 0 |
ceil | 切り上げ | 0 |
round | 四捨五入 | 0 |
abs | 絶対値 | 0 |
pow | べき乗(ここでは3乗乗) | 0 |
【javascript】小数点を切り下げ、切り上げ、四捨五入する 数値の絶対値、べき乗する方法について

切り捨て
floor
正の数は小数点以下が切り捨てらるが、負の時はもとの数より小さな整数となる。
const number = 2.3456
Math.floor(number); // => 2
const minus = -2.3456
Math.floor(minus); // => -3
trunc
正、負ともに小数点以下がすべてカットされる。
const number = 2.3456
Math.trunc(number); // => 2
const minus = -2.3456
Math.trunc(minus); // => -2
floorとtruncの違い
正の数に関しては同じ数値になるが、負の数に関して違いが出るので注意。 -2.0001はfloorは-3、 truncは-2となる。
const number = -2.0001
Math.floor(number); // => -3
Math.trunc(number); // => -2
切り上げ
ceil
正、負ともにもとの数より大きい整数となる。
const number = 2.3456
Math.ceil(number); // => 3
const minus = -2.3456
Math.ceil(minus); // => -2
四捨五入
round
const number = 2.3456
Math.round(number); // => 2
const minus1 = -2.3456
const minus2 = -2.6456
Math.round(minus); // => -2
Math.round(minus); // => -3
絶対値
abs
absはabsoluteの略。負の数字も正となる。
const number = 2.3456
Math.abs(number); // => 2.3456
const minus = -2.3456
Math.abs(minus); // => 2.3456
べき乗
pow(value, 値)
pow(value, 値)と記述し、valueの値乗となる。
const number = 3
Math.pow(number, 3); // => 3*3*3=9
const minus = -3
Math.pow(minus, 3); // => -27
Math.pow(-3, 4); // => 81

切り捨て:floor, trunc
負の数の時、要注意!
切り上げ:ceil
四捨五入:round
絶対値:abs
べき乗:pow(value, 値)
valueの値乗
こんな記事も読まれています。
-
【HTML】【CSS】【javascript】電卓の作り方
電卓のソースコードを2つ紹介します。javascriptはわずか数行で書けます。
-
【JacvaScript】【CSS】たった4行のJavaScriptでできるハンバーガーメニューの作り方
たった4行のJavaScriptで作るハンバーガーメニューの作り方について紹介します。✖をつくるには、transform-originがポイントです。
- リンク
-
波紋エフェクトを表現するjqueryのripples-min.jsの使い方
jqueryのripples-min.jsを使うと簡単に水面の波紋を表現できます。波紋の広がりの速度、波紋の大きさ、波紋のブレの値を変えていろいろ表現させると面白いです。
-
【Javascript】querySelectorAllで要素を取得し、クリックしたら、クラスを追加したり、削除したりする方法。
JavascriptのquerySelectorAllで要素を取得し、クリックしたら、クラスを追加したり、削除したりする方法について解説します。querySelectorと同じように書いてしまうとエラーがでます。forEachを使うとすべてに適用できます。
- リンク
-
要素の高さを取得する方法。getBoundingClientRectとは?window.innerHeightとは?window.pageYOffsetとは?
要素の高さを取得する方法について解説します。getBoundingClientRect、window.innerHeight、window.pageYOffsetについて理解し、要素がいつ画面に現れるかを把握できるようにしましょう。
-
Javascriptを使ったページネーションの実装
トップページの記事が増えてきたので、何とかページネーションで最新の記事だけを表示できないかと思っていたら、いい記事を発見しました。カスタマイズして実装することができました。
- リンク
-
【Javascript】マウスの指す(X, Y)座標とドラッグ & ドロップを理解する
マウスの指す(X, Y)座標とドラッグ & ドロップについて解説します。mousedown, mouseover, mousemove, mouseupを使います。
-
【javascript】連想配列をテーブルできれいに表示する方法
javascript(Object.entries)を使って、連想配列の中身をテーブルできれいに表示する方法について紹介します。
- リンク