JavaScript 中的無窮數(shù)(Infinity)詳解
為了保證的可讀性,本文采用意譯而非直譯。
Infinity(無窮大)在 JS 中是一個特殊的數(shù)字,它的特性是:它比任何有限的數(shù)字都大,如果不知道 Infinity, 我們在一些運(yùn)算操作遇到時,就會覺得很有意思。
現(xiàn)在我們來看看 JS 中的Infinity 屬性,了解用例并解決一些常見的陷阱。
1.Infinity(無窮)的定義
無窮可以分為兩種,正無窮和負(fù)無窮,JS 中對應(yīng)的表示方式為:+Infinity(或者Infinity) 和 -Infinity。
這意味著Infinity和-Infinity(小于任何有限數(shù)的數(shù)字)都是number類型的特殊值:
typeof Infinity; // => 'number' typeof -Infinity; // => 'number'
Infinity 是全局對象的屬性:
window.Infinity; // => Infinity
另外,Number函數(shù)也有兩個屬性來表示正負(fù)無窮大:
Number.POSITIVE_INFINITY; // => Infinity
Number.NEGATIVE_INFINITY; // => -Infinity
2. Infinity 的特性
Infinity比任何有限數(shù)都大。
舉幾個例子 Look Look:
Infinity > 100; // => true
Infinity > Number.MAX_SAFE_INTEGER; // => true
Infinity > Number.MAX_VALUE; // => true
Infinity 在加法、乘法和除法等算術(shù)運(yùn)算中用作操作數(shù)時會產(chǎn)生有趣的效果:
Infinity + 1; // => Infinity
Infinity + Infinity; // => InfinityInfinity * 2; // => Infinity
Infinity * Infinity; // => InfinityInfinity / 2; // => Infinity
一些Infinity 的運(yùn)算得到有限的數(shù):
10 / Infinity; // => 0
一個有限的數(shù)除以0得到 Infinity 結(jié)果:
2 / 0; // => Infinity
對無窮數(shù)進(jìn)行概念上不正確的運(yùn)算會得到NaN。 例如,不能除以無限數(shù),也無法確定無限數(shù)是奇數(shù)還是偶數(shù):
Infinity / Infinity; // => NaN
Infinity % 2; // => NaN
2.1 負(fù)無窮
負(fù)無窮小于任何有限數(shù)。
將-Infinity 與一些有限數(shù)字進(jìn)行比較:
-Infinity < 100; // => true
-Infinity < -Number.MAX_SAFE_INTEGER; // => true
-Infinity < -Number.MAX_VALUE; // => true
同時,負(fù)無窮小于正無窮:
-Infinity < Infinity; // => true
當(dāng)使用不同操作符操作數(shù)時,也可能會得到負(fù)無窮:
Infinity * -1; // => -Infinity
Infinity / -2; // => -Infinity
-2 / 0; // => -Infinity
3.判斷無窮
幸運(yùn)的是,Infinity等于相同符號的Infinity:
Infinity === Infinity; // => true
-Infinity === -Infinity; // => true
但前面的符號不一樣就不相等,就也很好理解:
Infinity === -Infinity; // => false
JSt有一個特殊的函數(shù)Number.isFinite(value),用于檢查提供的值是否有限數(shù):
Number.isFinite(Infinity); // => false
Number.isFinite(-Infinity); // => false
Number.isFinite(999); // => true
4. 無窮的的使用情況
當(dāng)我們需要初始化涉及數(shù)字比較的計(jì)算時,無窮值就非常方便。例如,在數(shù)組中搜索最小值時:
function findMin(array) {
let min = Infinity;
for (const item of array) {
min = Math.min(min, item);
}
return min;
}findMin([5, 2, 1, 4]); // => 1
min變量使用Infinity初始化。 在第一次for()迭代中,最小值成為第一項(xiàng)。
5. Infinity 的的一些坑
我們很可能不會經(jīng)常使用Infinity值。 但是,值得知道何時會出現(xiàn)Infinity值。
5.1. 解析數(shù)據(jù)
假設(shè) JS 使用一個輸入(POST請求、輸入字段的值等)來解析一個數(shù)字。在簡單的情況下,它會工作得很好:
parseFloat('10.5'); // => 10.5
parseFloat('ZZZ'); // => NaN
這里需要小心的,parseFloat()將'Infinity'字符串解析為實(shí)際的Infinity數(shù):
parseFloat('Infinity'); // => Infinity
另一個是使用parseInt()來解析整數(shù),它無法將'Infinity'識別為整數(shù):
parseInt('10', 10); // => 10
parseInt('Infinity', 10); // => NaN
5.2 JSON 序列化
JSON.stringify()將Infinity數(shù)字序列化為null。
const worker = {
salary: Infinity
};JSON.stringify(worker); // => '{ "salary": null }'
salary 屬性值為Infinity但是當(dāng)字符串化為JSON時,"salary"值將變?yōu)閚ull。
5.3 最大數(shù)溢出
Number.MAX_VALUE是 JS 中最大的浮點(diǎn)數(shù)。
為了使用甚至大于Number.MAX_VALUE的數(shù)字,JS 將該數(shù)字轉(zhuǎn)換為Infinity:
2 * Number.MAX_VALUE; // => Infinity
Math.pow(10, 1000); // => Infinity
5.4 Math 函數(shù)
JS 中Math命名空間的某些函數(shù)可以返回Infinity:
const numbers = [1, 2]; const empty = []; Math.max(...numbers); // => 2 Math.max(...empty); // => -Infinity Math.min(...numbers); // => 1 Math.min(...empty); // => Infinity
在不帶參數(shù)的情況下調(diào)用Math.max()時,返回-Infinity,而Math.min()則相應(yīng)地返回Infinity。 如果嘗試確定一個空數(shù)組的最大值或最小值,那結(jié)果后面人感到意外。
總結(jié)
JS中的Infinity表示無窮數(shù)的概念。 任何有限數(shù)均小于Infinity,而任何有限數(shù)均大于-Infinity。
比較 JS 中的無窮值很容易:Infinity === Infinity 為 true。特殊的函數(shù)Number.isFinite()確定提供的參數(shù)是否是一個有限的數(shù)字。
在涉及數(shù)字比較的算法時,可以使用Infinite初始化變量,用例是尋找數(shù)組的最小值。
解析來自輸入的數(shù)字時,必須小心Infinity:Number('Infinity'),parseFloat('Infinity')返回實(shí)際的Infinity。 當(dāng)使用JSON.stringify()序列化時,Infinity變?yōu)閚ull。
相關(guān)文章
javascript學(xué)習(xí)筆記(八) js內(nèi)置對象
javascript學(xué)習(xí)筆記之js內(nèi)置對象,需要的朋友可以參考下2012-06-06JavaScript window.document的屬性、方法和事件小結(jié)
document屬性作為window對象的一個子對象被創(chuàng)建,是用于訪問頁面中所有元素的對象,這里簡單整理下,方便學(xué)習(xí)js的朋友2012-10-10怎樣在JavaScript里寫一個swing把數(shù)據(jù)插入數(shù)據(jù)庫
在JavaScript里寫一個swing來實(shí)現(xiàn)確定取消,來決定是否執(zhí)行這個功能 控制把數(shù)據(jù)插入數(shù)據(jù)庫,接下來介紹實(shí)現(xiàn)方法2012-12-12深入理解JavaScript系列(40):設(shè)計(jì)模式之組合模式詳解
這篇文章主要介紹了深入理解JavaScript系列(40):設(shè)計(jì)模式之組合模式詳解,組合模式(Composite)將對象組合成樹形結(jié)構(gòu)以表示“部分-整體”的層次結(jié)構(gòu),組合模式使得用戶對單個對象和組合對象的使用具有一致性,需要的朋友可以參考下2015-03-03JavaScript中__proto__與prototype的關(guān)系深入理解
本文將討論下對象的內(nèi)部原型(__proto__)和構(gòu)造器的原型(prototype)的關(guān)系,需要了解更多的朋友可以參考下2012-12-12