美國NASDAQ上市公司
外商IT教育培訓企業

0800-777-100


週一到週五 09:00~21:00 週六到週日 09:00~18:00

熱門課程

JavaScript入門教學#22|數學物件


Math物件的屬性

Math 是 JavaScript 的原生物件,可進行多種數學運算。該物件不是用函式建構式來生成,所有的屬性和方法都必須在 Math 物件上呼叫。

Math 物件包含多種屬性,列舉如下表:

    1. 屬性
    2. 描述
    1. 歐拉常數,是自然對數函數的底數,約為 2.718。
    1. LN2
    2. 2 的自然對數
    1. LN10
    2. 10 的自然對數
    1. LOG2E
    2. 以 2 為底的歐拉常數(E),其值約為 1.442。
    1. LOG10E
    2. 以 10 為底的歐拉常數(E),其值約為 0.434。
    1. PI
    2. 圓周率,其值約為 3.14159
    1. SQRT2
    2. 2 的平方根,其值約為 2.414
    1. SQRT1_2
    2. 1/2 的平方根,其值約為 0.707

以上 Math 物件的屬性,範例如下:

See the Pen The Math object by Tedutw (@Tedutw) on CodePen.

Math物件的方法

Math 物件除了有許多屬性外,也有許多方法,列表如下:

    1. 方法
    2. 描述
    1. abs(x)
    2. 不用懷疑,就是回傳x的絕對值
    1. acos(x)
    2. 回傳x的反餘弦(三角函數,數學符號是arccos)
    1. asin(x)
    2. 回傳x的反正弦(反三角函數,數學符號是arcsin)
    1. atan(x)
    2. 回傳x的反正切(反三角函數,數學符號是arctan)
    1. ceil(x)
    2. 回傳離x最近的整數:若x為浮點數則向上取整數;x為整數擇取x本身
    1. cos(x)
    2. 回傳x的餘弦(三角函數,數學符號是cos)
    1. exp(x)
    2. 回傳值為以x指數的E
    1. floor(x)
    2. 回傳離x最近的整數:若x為浮點數則向下取整數;x為整數擇取x本身
    1. log(x)
    2. 回傳x的自然對數
    1. max(x,y,z...,n)
    2. 回傳最大值
    1. min(x,y,z...,n)
    2. 回傳最小值
    1. pow(x,y)
    2. 回傳值為x的y次方
    1. random()
    2. 隨機回傳0與1之間的任一數
    1. sin(x)
    2. 回傳x的正弦(三角函數,數學符號是sin)
    1. sqrt(x)
    2. 回傳值為x的平方根
    1. tan(x)
    2. 回傳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 的數學物件就介紹到此。若能善用數學物件,則可減省時間。不必自己寫函數。下一章我們將介紹另一個 JavaScript 的原生物件——日期物件。

上一篇:JavaScript入門教學#18|創造JavaScript物件(Objects)
Javascript入門教學#1

如何在網頁中嵌入JavaScript

JavaScript入門教學#2|變數

JavaScript入門教學#2|變數

JavaScript入門教學#3|資料類型

JavaScript入門教學#3|資料類型

JavaScript入門教學#4|數學運算子

JavaScript入門教學#4|數學運算子

JavaScript入門教學#5|賦值運算子

JavaScript入門教學#5|賦值運算子

JavaScript入門教學#6|邏輯運算子

JavaScript入門教學#6|邏輯運算子

JavaScript入門教學#7|if,else,else if條件式

JavaScript入門教學#7|if,else,else if條件式

JavaScript入門教學#8|switch條件判斷式

JavaScript入門教學#8|switch條件判斷式

JavaScript入門教學#9|for迴圈

JavaScript入門教學#9|for迴圈

JavaScript入門教學#10|while、do while迴圈

JavaScript入門教學#10|while、do while迴圈

JavaScript入門教學#11|break與continue

JavaScript入門教學#11|break與continue

JavaScript入門教學#12|使用者定義函式(Functions)

JavaScript入門教學#12|使用者定義函式(Functions)

JavaScript入門教學#13|函式中的參數(Parameters)

JavaScript入門教學#13|函式中的參數(Parameters)

JavaScript入門教學#14|函式中的參數(Parameters)

JavaScript入門教學#14|在函式中使用多重參數

JavaScript入門教學#15|函式回傳(return)

JavaScript入門教學#15|函式回傳(return)

JavaScript入門教學#16

JavaScript入門教學#16|訊息框alert,confirm,prompt

JavaScript入門教學#17

JavaScript入門教學#17|JavaScript物件(Objects)介紹

JavaScript入門教學#18

JavaScript入門教學#18|物件建構式(Object Construction)

 

選擇城市和中心
貴州省

廣西省

海南省