close
前端工程師還不會數學物件嗎?用這篇來好好入門一下!
Math物件的屬性
Math 是 JavaScript 的原生物件,可進行多種數學運算。該物件不是用函式建構式來生成,所有的屬性和方法都必須在 Math 物件上呼叫。
Math 物件包含多種屬性,列舉如下表:
-
- 屬性
- 描述
-
- E
- 歐拉常數,是自然對數函數的底數,約為 2.718。
- LN2
- 2 的自然對數
- LN10
- 10 的自然對數
- LOG2E
- 以 2 為底的歐拉常數(E),其值約為 1.442。
- LOG10E
- 以 10 為底的歐拉常數(E),其值約為 0.434。
- PI
- 圓周率,其值約為 3.14159
- SQRT2
- 2 的平方根,其值約為 2.414
- SQRT1_2
- 1/2 的平方根,其值約為 0.707
以上 Math 物件的屬性,範例如下:
See the Pen The Math object by Tedutw (@Tedutw) on CodePen.
Math物件的方法
Math 物件除了有許多屬性外,也有許多方法,列表如下:
-
- 方法
- 描述
-
- abs(x)
- 不用懷疑,就是回傳x的絕對值
- acos(x)
- 回傳x的反餘弦(三角函數,數學符號是arccos)
- asin(x)
- 回傳x的反正弦(反三角函數,數學符號是arcsin)
- atan(x)
- 回傳x的反正切(反三角函數,數學符號是arctan)
- ceil(x)
- 回傳離x最近的整數:若x為浮點數則向上取整數;x為整數擇取x本身
- cos(x)
- 回傳x的餘弦(三角函數,數學符號是cos)
- exp(x)
- 回傳值為以x指數的E
- floor(x)
- 回傳離x最近的整數:若x為浮點數則向下取整數;x為整數擇取x本身
- log(x)
- 回傳x的自然對數
- max(x,y,z...,n)
- 回傳最大值
- min(x,y,z...,n)
- 回傳最小值
- pow(x,y)
- 回傳值為x的y次方
- random()
- 隨機回傳0與1之間的任一數
- sin(x)
- 回傳x的正弦(三角函數,數學符號是sin)
- sqrt(x)
- 回傳值為x的平方根
- tan(x)
- 回傳x的正切(三角函數,數學符號是tan)
以上 Math 物件的方法,範例如下(不包含三角函數):
See the Pen The Math object-method by Tedutw (@Tedutw) on CodePen.
除了給前端工程師,其他人也可以嘗試的綜合練習!
讓我們來撰寫一個 JavaScript 程式:首先彈出一個視窗,要求使用者輸入數字。使用者輸入數字後,即會出現警示視窗,顯示著該數字的平方根。
var x = prompt("請輸入一個數字",""); var answer = Math.sqrt(x); alert(x+" 的平方根是 "+ answer);
執行結果如下:
此時我們輸入「64」,則會有以下結果:
JavaScript 的數學物件就介紹到此。若前端工程師能在HTML中善用數學物件,則可減省時間,根本不必自己寫函數啦!
下一章我們將介紹另一個 JavaScript 的原生物件——日期物件。
相關閱讀推薦:
JavaScript初學者該知道的事(21)陣列的方法與屬性
文章標籤
全站熱搜
留言列表