天天看點

javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

**

javascript從入門到跑路-----小文的js學習筆記(1)---------script、alert、document。write() 和 console.log 标簽

javascript從入門到跑路-----小文的js學習筆記目錄

**

首先我們說到的是js中的數學對象math,然後下面先看看它的幾種方法

方法 作用
Math.min(參數1,參數2,參數3… ) 求出參數中最小值.
Math.max(參數1,參數2,參數3… ) 求出參數中最大值
Math.floor() 向下取整,傳回<=該參數的最大整數
Math.ceil() 向上取整,傳回>=該參數的最小整數
Math.abs() 取參數的絕對值
Math.sqrt() 給參數開平方
Math.random() 傳回一個o到1的随機數(包括0,不包括1)
Math.round() 對參數進行四舍五入

那下面分别來示例一下用法 :

1 Math.min(參數1,參數2,參數3… ):求出參數中最小值.

示例:    var a = Math.min(4,6,9,8,7);
		         alert(a);
           
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

2 Math.max(參數1,參數2,參數3… ):求出參數中最大值.

示例:    var a = Math.max(4,6,9,8,7);
		        alert(a);
           
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

3 Math.floor() 向下取整,傳回<=該參數的最大整數。

示例:    var a = 4.9;
		   alert(Math.floor(a));
           
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

ps:這裡的floor和我們的parseInt很像當然這裡你将Math.floor替換成Math.parseInt效果是一樣的。

4 Math.ceil() 向上取整,傳回>=該參數的最小整數。

示例:   var a = 4.1;
		   alert(Math.ceil(a));
           
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

5 Math.abs() 取參數的絕對值

示例:   var a = -555;
		   alert(Math.abs(a));
           
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

6 Math.sqrt() 給參數開平方

示例:    var a = 121;
		   alert(Math.sqrt(a));
           
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

7 Math.random() 傳回一個o到1的随機數(包括0,不包括1)

javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

ps:随機産生一個數

8 Math.round() 對參數進行四舍五入

示例:     var a = 5.55; 
		  alert(Math.round(a));
           
javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

補充: 對于這裡round的四舍五入的法則和我們平時的法則有點不一樣(針對負數)

下面我們先來據三個例子:

示例1:                   示例2:                  示例3:
 var a=-2.1;              var a=-2.6;           var a=-2.5;
alert(Math.round(a));	alert(Math.round(a));      alert(Math.round(a));			
           

(1)

javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

(2)

javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象

(3)

javascript從入門到跑路-----小文的js學習筆記(12)--------javascript數學對象
       -2.1 四舍五入是 -2,-2.6 四舍五入是-3感覺和我們整數的四舍五入似乎如出一轍,但是看我們的示例3,-2.5 四舍五入之後卻不是 -3 而是 -2 。這裡我們解釋一下,出現這種情況的原因就是 我們的 Math.round() 四舍五入法,總是取最近的值,當值位于中間時,總是取較大的整數值。 是以我們的 -2.1 和-2.6分别離我們的 -2 和-3 較近,是以round之後就是-2 和-3.但是我們的-2.5 是中間值取了那個較大的整數值是以四舍五入為-2.

ps:學習的時候發現除了視訊裡講的上述八種數學方法外還具有以下12種一共20種方法

補充:12種其他的數學方法。當然重點掌握上面的八種,

方法 作用
Math.sin() 傳回參數的正弦值
Math.cos() 傳回參數的餘弦值
Math.tan() 傳回參數的正切值
Math.asin() 傳回參數的反正弦值
Math.acos() 傳回參數的反餘弦值
Math.atan() 傳回參數的反正切值

注意:上面六個有關三角函數的方法,前三種參數為弧度值;後三種傳回值為弧度值

方法
Math.exp() 傳回e的指數
Math.pow(a,b) 傳回的是a的b次方
Math.log() 傳回以e為底數的對數
Math.atan2(x,y) 傳回從x軸到(x,y)之間的值,是從 X 軸正向逆時針旋轉到點 (x,y) 時經過的角度
Math.toSource() 傳回該對象的源代碼
Math.valueOf() 傳回Math對象的原始值

那麼 下面我們利用上面的知識做一個執行個體: 利用html表單和js的數學對象及函數做一個有驗證碼的簡單登入表單

**

         When I feel lonely / you are always the first person I think of

                                       ----------當我感到孤獨時/你總是我第一個想起的人。 ​​​

繼續閱讀