DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中的數學運算介紹
JavaScript中的數學運算介紹
編輯:關於JavaScript     

JavaScript中,數學運算可藉由兩種操作來實現:

1.+、-、*、/、%等操作符。
2.使用Math對象的計算函數。比如,用Math.pow(2,3)來計算2的3次方。

與Java不同,JavaScript中的數學運算不會拋出任何錯誤。計算結果的溢出、除以0、對負數進行開方這些操作都是合法的,其結果為JavaScript中的特殊值:正負Infinity(無限)、正負0、NaN(非數):

1.正負Infinity。當計算結果比JavaScript所能表示的最大數(Number.MAX_VALUE)還要大時,結果為正Infinity;當計算結果比JavaScript所能表示的最小數(-Number.MAX_VALUE)還要小時,結果為負Infinity。與Infinity相關的+、-、*、/等數學運算均遵循高等數學中關於極限計算的規則。1/0的結果為正Infinity,-1/0的結果則為負Infinity。

2.正負0。當計算結果為正,但小於JavaScript所能表示的最小小數(Number.MIN_VALUE)時,結果為正0;當計算結果為負,但大於JavaScript所能表示的最大負小數(-Number.MIN_VALUE)時,結果為負0。一般情況下,開發人員不需要關心正負0之間的區別。

3.NaN。對於某些即使用正負Infinity也無法表示的特殊計算結果,JavaScript使用NaN來表示(值得注意的是,雖然NaN的字面意思是“非數”,但其類型卻是number)。這些特殊計算包括:

1).0/0。
2).Infinity/Infinity。
3).對負數進行開方。
4).對非數值的字符串進行數值轉換操作。

對於Infinity和NaN,它們既是“無限”和“非數”的打印結果,同時也是JavaScript中表示這兩個特殊值的全局變量名。事實上,在ECMAScript 3中,這兩個全局變量還可以被賦以其它值;ECMAScript 5中對這一令人抓狂的規則進行了修正,使得這兩個全局變量為只讀。除了直接訪問Infinity變量和NaN變量,還可以通過訪問Number對象的成員變量來使用這兩個特殊值:

1.Infinity與Number.POSITIVE_INFINITY是等價的。
2.-Infinity與Number.NEGATIVE_INFINITY是等價的。
3.NaN與Number.NaN是等價的。

在JavaScript中,NaN是一個很有趣的特殊值,它有一個特殊屬性:與其它任何值(包括自身)都不相等。判定某個值是否為NaN可以有兩個方法:

1.對於變量x,判定x!=x是否為true。此表達式僅當x為NaN時為true。

2.對於變量x,調用JavaScript中的全局函數isNaN(),判定isNaN(x)是否為true。用該方法判定NaN其實並不嚴謹,因為在4種情況下表達式isNaN(x)均為true:

1).x為NaN。
2).x為字符串,且該字符串不是數字。
3).x為對象。
4).x為undefined。

除了isNaN(),JavaScript還有另外一個有用的全局函數:isFinite()。對於變量a,isFinite(a)在以下幾種情況下為true:

1).a為number,但不為NaN或正負Infinity。
2).a為字符串,但該字符串的內容為非NaN、非正負Infinity的數字。
3).a為null。
4).a為boolean值。


由於null、undefined等非數值類型會對結果產生影響,因此個人認為最好在使用isNaN()或isFinite()之前判斷參數的類型。

實驗

復制代碼 代碼如下:
//Test Infinity
var a = Number.MAX_VALUE;
console.log(a*1.1);//Infinity
console.log(a*-1.1);//-Infinity
console.log(1/0);//Infinity
console.log(-1/0);//-Infinity

//Test positive/negative 0
var b = Number.MIN_VALUE;
console.log(b/2);//0
console.log(-b/2);//0

//Test NaN
console.log(0/0);//NaN
console.log(Infinity/Infinity);//NaN
console.log(Math.sqrt(-1));//NaN
console.log(parseInt("string"));//NaN

//Test Infinity comparison
console.log(Infinity === Number.POSITIVE_INFINITY);//true
console.log(-Infinity === Number.NEGATIVE_INFINITY);//true

//Test NaN comparison
console.log(NaN === NaN);//false

//Test isNaN()
console.log(isNaN(NaN));//true
console.log(isNaN("42"));//false
console.log(isNaN("string"));//true
console.log(isNaN({}));//true
console.log(isNaN(undefined));//true
console.log(isNaN(null));//false

//Test isFinite()
console.log(isFinite(42));//true
console.log(isFinite(Infinity));//false
console.log(isFinite(NaN));//false
console.log(isFinite("29"));//true
console.log(isFinite("string"));//false
console.log(isFinite(null));//true
console.log(isFinite(undefined));//false
console.log(isFinite(true));//true
console.log(isFinite(false));//true

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved