![トモジのアイコン画像](https://10moji-blog.com/wp-content/uploads/2020/08/吹き出しトモジ.png)
Mathオブジェクトって何?
詳しく知りたい・・
本記事は、
上記のような方に向けて記事を書いています。
こんにちは、トモジです。
私はプログラミング未経験から独学で勉強して、
簡易的な動的サイト・ゲーム・サービスが作れる状態になりました。
本記事は、Mathオブジェクトに関して要点をわかりやすく説明しております。
1.JavaScriptのMathオブジェクト
Mathオブジェクトは、
数値型の値を操作するオブジェクトになり
数学に関する演算機能を補うものになります。
非常にたくさんの機能が提供されておりますので、
今回は後編(みどり枠)を順番に説明していきます。
![numberオブジェクト一覧の図](https://10moji-blog.com/wp-content/uploads/2020/12/8936f768570bf945bc49376cb29e841d-2-1024x959.png)
2.三角関数
Mathオブジェクトの三角関数は、
以下の8種類のメンバーがありますので
順番に見ていきましょう。
![Mathオブジェクトの三角関数類の説明図](https://10moji-blog.com/wp-content/uploads/2020/12/c194b24ddf1af22d5f01ef001feb2140-1024x969.png)
PI
PIは、円周率になります。
![PIの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/PI-2-1024x947.png)
PIに関して
console.log('PI : ' + Math.PI);
PI : 3.141592653589793
cos
cosは、コサインを表します。
![cosの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/cos-4-1024x947.png)
cosに関して
// 180(度) = π(ラジアン)
// Math.PI/3 = 60°
console.log('cos(60°) : ' + Math.cos(Math.PI / 3));
![60°の三角形](https://10moji-blog.com/wp-content/uploads/2020/12/7607c5220a40e309d6df5be1301438e3.png)
cos(60°) : 0.5000000000000001
sin
sinは、サインを表します。
![sinの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/sin-3-1024x947.png)
sinに関して
// 180(度) = π(ラジアン)
// Math.PI / 6 = 30°
console.log('sin(30°) : ' + Math.sin(Math.PI / 6));
![30°の三角形の図](https://10moji-blog.com/wp-content/uploads/2020/12/3bf9d31d392a1ba273853c303aa99741.png)
sin(30°) : 0.49999999999999994
tan
tanは、タンジェントを表します。
![tanの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/tan-1-1024x947.png)
tanに関して
// 180(度) = π(ラジアン)
// Math.PI / 4 = 45°
console.log('tan(45°) : ' + Math.tan(Math.PI / 4));
![45°の三角形の図](https://10moji-blog.com/wp-content/uploads/2020/12/6f149a31a88f45c2cf4ac497e41da0a2.png)
tan(45°) : 0.9999999999999999
ラジアンと角度の関係
Mathオブジェクトの三角関数の後半に進む前に
ラジアンと角度の関係について説明していきます。
ラジアンって何?
ラジアンとは、
円弧の長さを半径で割った値になります。
![ラジアンの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/61d3cce497c358b5be57af5a0f0886d3-1024x947.png)
ちなみに、
360°は2π[rad]が成り立ち
1°はπ/180[rad]になります。
![円弧と角度についての説明図](https://10moji-blog.com/wp-content/uploads/2020/12/5f465a166276380e94364eafbf042797-1024x947.png)
![角度表の図](https://10moji-blog.com/wp-content/uploads/2020/12/cdc0e62da68412aee86f036b2a2b6619-1-1024x946.png)
acos
acosは、
アークコサインを表しラジアンを算出します。
![acosの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/acos-866x1024.png)
acosに関して
console.log('acos(1/2) : ' + Math.acos(0.5));
console.log('ラジアンを角度に変換 : ' + Math.acos(0.5) * ( 180 / Math.PI));
![60°の三角形の図](https://10moji-blog.com/wp-content/uploads/2020/12/7607c5220a40e309d6df5be1301438e3-1.png)
acos(1/2) : 1.0471975511965979
ラジアンを角度に変換 : 60.00000000000001
asin
asinは、
アークサインを表しラジアンを算出します。
![asinの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/asin-1-1024x947.png)
asinに関して
console.log('asin(1/2) : ' + Math.asin(0.5));
console.log('ラジアンを角度に変換 : ' + Math.asin(0.5) * ( 180 / Math.PI));
![30°の三角形の図](https://10moji-blog.com/wp-content/uploads/2020/12/3bf9d31d392a1ba273853c303aa99741-1.png)
asin(1/2) : 0.5235987755982989
ラジアンを角度に変換 : 30.000000000000004
atan
atanは、アークタンジェントを表し
ラジアンを算出します。
![atanの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/atan-1-1024x947.png)
atanに関して
console.log('atan(1/1) : ' + Math.atan(1));
console.log('ラジアンを角度に変換 : ' + Math.atan(1) * ( 180 / Math.PI));
![45°の三角形](https://10moji-blog.com/wp-content/uploads/2020/12/6f149a31a88f45c2cf4ac497e41da0a2-1.png)
atan(1/1) : 0.7853981633974483
ラジアンを角度に変換 : 45
atan2
atan2は、2変( x , y )における
アークタンジェントを表します。
![atan2の説明図](https://10moji-blog.com/wp-content/uploads/2020/12/atan2-1024x947.png)
atan2に関して
console.log('atan2(1,1) : ' + Math.atan2(1,1));
console.log('ラジアンを角度に変換 : ' + Math.atan2(1,1) * ( 180 / Math.PI));
![45°の三角形](https://10moji-blog.com/wp-content/uploads/2020/12/6f149a31a88f45c2cf4ac497e41da0a2-1.png)
atan2(1,1) : 0.7853981633974483
ラジアンを角度に変換 : 45
3.対数/指数関数
Mathオブジェクトの対数/指数関数は、
以下の8種類のメンバーがありますので
順番に見ていきましょう。
![Mathオブジェクトの対数や指数関数類の説明図](https://10moji-blog.com/wp-content/uploads/2020/12/48da102ddc82669c5b44ef2d7ff71be4-1024x727.png)
E
Eは自然対数の底です。
※自然対数に関してのわかりやすい動画解説
![自然対数の説明図](https://10moji-blog.com/wp-content/uploads/2020/12/8ae3c87da6dd829e19de9afa68040fa6-1-1024x947.png)
Eに関して
console.log('E(自然対数の底) : ' + Math.E);
E(自然対数の底) : 2.718281828459045
LN2
LN2は、2の自然対数になり
loge2(log 2 は正の実数)です。
![LN2の説明図](https://10moji-blog.com/wp-content/uploads/2020/12/LN2-2-1024x947.png)
LN2(2の自然対数)に関して
console.log('LN2 : ' + Math.LN2);
LN2 : 0.6931471805599453
LN10
LN10は、10の自然対数になります。
![LN10の説明図](https://10moji-blog.com/wp-content/uploads/2020/12/LN10-1-1024x947.png)
LN10(10の自然対数)に関して
console.log('LN10 : ' + Math.LN10);
LN10 : 2.302585092994046
LOG2E
LOG2Eは、2を底としてeの対数を表しております。
![LOG2Eの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/LOG2E-2-1024x947.png)
LOG2Eに関して
console.log('LOG2E : ' + Math.LOG2E);
LOG2E : 1.4426950408889634
LOG10E
LOG10Eは、
10を底としてeの対数を表しております。
![LOG10Eの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/LOG10E-2-1024x947.png)
LOG10Eに関して
console.log('LOG10E : ' + Math.LOG10E);
LOG10E : 0.4342944819032518
log
logは、自然対数になります。
![logの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/log-1024x629.png)
logに関して
console.log('log(10) : ' + Math.log(10));
log(10) : 2.302585092994046
exp
expは、指数関数(eの累乗)です。
![expの説明図](https://10moji-blog.com/wp-content/uploads/2020/12/exp-1024x947.png)
expに関して
console.log('exp(2) : ' + Math.exp(2));
console.log('e * e : ' + Math.E * Math.E );
exp(2) : 7.38905609893065
e * e : 7.3890560989306495
expm1
expm1は、expから1を引いた値になります。
![expm1の説明図](https://10moji-blog.com/wp-content/uploads/2020/12/expm1-1024x947.png)
expm1に関して
console.log('expm1(2) : ' + Math.expm1(2));
console.log('exp(2) : ' + Math.exp(2));
expm1(2) : 6.38905609893065
exp(2) : 7.38905609893065
まとめ
最後にこの記事のポイントをまとめておきます。
Mathオブジェクト[三角関数]
PI
円周率cos
コサインsin
サインtan
タンジェントacos
アークコサインasin
アークサインatan
アークタンジェントatan2
( x , y )のアークタンジェント
Mathオブジェクト[対数/指数関数]
E
自然対数の底LN2
2の自然対数LN10
10の自然対数LOG2E
2を底としてeの対数LOG10E
10を底としてeの対数log
自然対数exp
指数関数(eの累乗)expm1
expから1を引いた値