JavaScriptのMath.abs関数で絶対値を取得する方法を現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptのMath.abs関数で絶対値を取得する方法について解説しています。最初に絶対値とは何かについて説明します。次にMath.abs関数を使った絶対値の取得方法、使用時の注意点について見ていきましょう。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

JavaScriptのMath.abs関数で絶対値を取得する方法について、TechAcademyのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

Math.abs関数で絶対値を取得する方法について詳しく説明していくね!

大石ゆかり

お願いします!

 

絶対値とは

数値を正・負に関係なく考えた時の値。になります。”1″と”-1″は絶対値としては、同じ”1″となります。

 

Math.abs関数とは

Mathクラスは通常のクラスとは異なり、コンストラクタ関数で新しくオブジェクトを作成する必要は有りません。直接クラスの中の関数を呼びだすことになります。

Mathクラスには下記の様な便利な関数があります。

  • abs : 絶対値の計算
  • round : 四捨五入の計算
  • ceil : 端数切り上げの計算
  • floor : 端数切り捨ての計算
  • max : 引数の中で最大の値を返jyouhou返す
  • random: 乱数を取得
  • sin : 正弦(サイン)を計算
  • cos : 余弦(コサイン)を計算
  • tan : 正接(タンジェント)を計算
  • asin : 逆正弦(アークサイン)を計算
  • acos : 逆余弦(アークコサイン)を計算
  • atan : 逆正接(アークタンジェント)を計算
  • atan2 : 座標の逆正接(アークタンジェント)を計算
  • sqrt : 平方根の計算
  • pow : 累乗の計算
  • log : 自然対数の計算
  • exp : eの累乗の計算

 

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

Math.abs関数の使い方

Mathクラスの利用は単純で、コンストラクタの作成も行わず、直接

Math.abs("変更したい値")

の様に呼び出して利用できます。

console.log( 99 );
>>> 99
console.log( -99 );
>>> 99

 

Math.abs関数の注意点”

①”NoN”が返却される場合があります

“Non”値との比較では全てfalseとなります。其の為、使い方によってはバグの原因になります。

②特別な値を引数に渡した場合は、その返り値に気を使う必要があります

引数と返り値の一覧は下記になります。

引数 返り         値
————        ————-
0                        0
1                         1
-1                        1
null                    0
true                    1
false                   0
empty                0
‘String’              NaN
-Infinity            Infinity※1
-2147483648  -2147483648※2

※1 Infinity:無限大
※2 -2147483648:JavaScriptのint型での最小値

 

監修してくれたメンター

小宮山晃史(こみやまこうじ)

現在はOracle系システムの導入コンサルに勤め、仕事でコーディングをする機会は少なくなくなっているが、ライフワークで数多くの言語を勉強中。
iphoneのアプリ開発やWEBサーバの構築など幅広く挑戦しています。

 

大石ゆかり

内容分かりやすくて良かったです!

田島悠介

ゆかりちゃんも分からないことがあったら質問してね!

大石ゆかり

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

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

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