前言

本文為【JSRedBook】中數(shù)據(jù)類型的篇章， 主要講述 ECMAScript 的 6 種簡單數(shù)據(jù)類型（原始類型）中的其中一種：Number 類型；主要說明五個方面：Number定義，浮點值，值的范圍，NaN與 數(shù)值轉(zhuǎn)換；

Number 類型：

Number 類型使用 IEEE 754 格式表示整數(shù)和浮點值（在某些語言中也叫雙精度值），不同的數(shù)值類型相應地也有不同的數(shù)值字面量格式。

練習場景

最基本的數(shù)值字面量格式是十進制整數(shù)，如下：

?const intNum = 42;

其他進制

整數(shù)也可以用八進制（以 8 為基數(shù)）或十六進制（以 16 為基數(shù)）字面量表示

八進制

對于八進制字面量，第一個數(shù)字必須是零（0），然后是相應的八進制數(shù)字（數(shù)值 0~7），如果字面量中包含的數(shù)字超出了應有的范圍，就會忽略前綴的零，后面的數(shù)字序列會被當成十進制數(shù)。

下面是幾個例子：

?let octalNum1 = 070; // 八進制的 56 
?let octalNum2 = 079; // 無效的八進制值，當成 79 處理
?let octalNum3 = 08; // 無效的八進制值，當成 8 處理

注意： 八進制字面量在嚴格模式下是無效的，會導致 JavaScript 引擎拋出語法錯誤

原因是ECMAScript 2015 或 ES6 中的八進制值通過前綴 0o 來表示；嚴格模式下，前綴 0 會被視為語法錯誤，如果要表示八進制值，應該使用前綴 0o

十六進制

要創(chuàng)建十六進制字面量，必須讓真正的數(shù)值前綴 0x（區(qū)分大小寫），然后是十六進制數(shù)字（09 以 及 AF），十六進制數(shù)字中的字母大小寫均可

下面是幾個例子：

?let hexNum1 = 0xA; // 十六進制 10 
?let hexNum2 = 0x1f; // 十六進制 31 

使用八進制和十六進制格式創(chuàng)建的數(shù)值在所有數(shù)學操作中都被視為十進制數(shù)值。

注意： 由于 JavaScript 保存數(shù)值的方式，實際中可能存在正零（+0）和負零（-0）；其中正零和負零在所有情況下都被認為是等同的

浮點值

要定義浮點值，數(shù)值中必須包含小數(shù)點，而且小數(shù)點后面必須至少有一個數(shù)字，雖然小數(shù)點前面不是必須有整數(shù)，但推薦加上

下面是幾個例子：

?const floatNum1 = 1.1;
?const floatNum2 = 0.1;
?const floatNum3 = .1; // 有效 但不推薦

因為存儲浮點值使用的內(nèi)存空間是存儲整數(shù)值的兩倍，所以 ECMAScript 總是想方設法把值轉(zhuǎn)換為整數(shù)。在小數(shù)點后面沒有數(shù)字的情況下，數(shù)值就會變成整數(shù)。類似地，如果數(shù)值本身就是整數(shù)，只是小數(shù)點后面跟著 0（如 1.0），那它也會被轉(zhuǎn)換為整數(shù).

下面是幾個例子：

?let floatNum1 = 1.; // 小數(shù)點后面沒有數(shù)字，當成整數(shù) 1 處理
?let floatNum2 = 10.0; // 小數(shù)點后面是零，當成整數(shù) 10 處理

科學計數(shù)法

科學記數(shù)法用于表示一個應該乘以10 的給定次冪的數(shù)值，對于非常大或非常小的數(shù)值浮點值可以用科學記數(shù)法來表示。

ECMAScript 中科學記數(shù)法的格式要求是一個數(shù)值（整數(shù)或浮點數(shù)）后跟一個大寫或小寫的字母 e，再加上一個要乘的 10 的多少次冪。如下：

?let floatNum = 3.125e7; // 等于 31250000 

解法：3.125 作為系數(shù)，乘以 10 的 7 次冪，正常也直接書寫出來，只是用科學計數(shù)法會更加簡潔。

小數(shù)值

科學記數(shù)法也可以用于表示非常小的數(shù)值

默認情況下，ECMAScript 會將小數(shù)點后至少包含 6 個零的浮點值轉(zhuǎn)換為科學記數(shù)法

例如，0.0000003 用科學記數(shù)法可以表示為 3e-7 ，又例如 0.000000000000000 03 會被轉(zhuǎn)換為 3e-17；

不清晰的話請看下圖：

浮點值精確度

浮點值的精確度最高可達 17 位小數(shù)，但在算術(shù)計算中遠不如整數(shù)精確。

舉例一個坑， 0.1 加 0.2 得到的不是 0.3，而是 0.30000000000000004，如下：

?/* 這里檢測兩個數(shù)值之和是否等于 0.3 */
??
?if (a + b == 0.3) { // 別這么干！ 
? console.log("You got 0.3."); 
?} // 并不等于 0.3 因此if中的語句不會執(zhí)行

如果兩個數(shù)值分別是 0.05 和 0.25，或者 0.15 和 0.15，那沒問題；但如果是 0.1 和 0.2，如前所述，測試將失敗。由于這種微小的舍入錯誤，導致很難測試，因此永遠不要測試某個特定的浮點值。

注意： 之所以存在這種舍入錯誤，是因為使用了 IEEE 754 數(shù)值，這種錯誤并非 ECMAScript 所獨有，其他使用相同格式的語言也有這個問題。

值的范圍

由于內(nèi)存的限制，ECMAScript 并不支持表示這個世界上的所有數(shù)值

最大值與最小值

ECMAScript 可以表示的最小數(shù)值保存在 Number.MIN_VALUE 中，這個值在多數(shù)瀏覽器中是 5e-324；可以表示的最大數(shù)值保存在 Number.MAX_VALUE 中，這個值在多數(shù)瀏覽器中是1.7976931348623157e+308。

小知識： 使用 Number.NEGATIVE_INFINITY（負無窮大） 和 Number.POSITIVE_INFINITY（正無窮大） 也可以獲取正負 Infinity

Infinity

如果某個計算得到的數(shù)值結(jié)果超出了 JavaScript 可以表示的范圍，那么這個數(shù)值會被自動轉(zhuǎn)換為一個特殊的 Infinity（無窮）值；任何無法表示的負數(shù)以 -Infinity（負無窮大）表示，任何無法表示的正數(shù)以 Infinity（正無窮大）表示。

isFinite() 函數(shù)

如果計算返回正 Infinity 或負 Infinity，則該值將不能再進一步用于任何計算

這是因為 Infinity 沒有可用于計算的數(shù)值表示形式，如果要確定一個值是不是有限大（即介于 JavaScript 能表示的最小值和最大值之間），可以使用 isFinite()函數(shù)，如下所示：

?let result = Number.MAX_VALUE + Number.MAX_VALUE; 
?console.log(isFinite(result)); // false 

注意： 雖然超出有限數(shù)值范圍的計算并不多見，但總歸還是有可能的；因此在計算非常大或非常小的數(shù)值時，有必要檢測一下計算結(jié)果是否超出范圍。

NaN

有一個特殊的數(shù)值叫 NaN，意思是 Not a Number（不是數(shù)值），用于表示本來要返回數(shù)值的操作失敗了（而不是拋出錯誤）。

練習場景

比如，用 0 除任意數(shù)值在其他語言中通常都會導致錯誤，從而中止代碼執(zhí)行。

但在 ECMAScript 中，0、 +0 或 -0 相除都會返回 NaN：

?console.log( 0/0 ); // NaN 
?console.log( -0/+0 ); // NaN 

如果分子是非 0 值，分母是有符號 0 或無符號 0，則會返回 Infinity 或 -Infinity：

?console.log( 5/0 ); ?// Infinity 
?console.log( 5/-0 ); ?// -Infinity 

NaN特性

任何涉及 NaN 的操作始終返回 NaN（如 NaN/10），并且 NaN 不等于包括 NaN 在內(nèi)的任何值。

例如，下面的比較操作會返回 false：

?console.log(NaN == NaN); // false 

isNaN()函數(shù)

ECMAScript 提供了 isNaN()函數(shù)用于判斷檢測數(shù)值。

用法： 該函數(shù)接收一個參數(shù)，可以是任意數(shù)據(jù)類型，然后判斷這個參數(shù)是否 “不是數(shù)值”。

性質(zhì)： 把一個值傳給 isNaN() 后，該函數(shù)會嘗試把它轉(zhuǎn)換為數(shù)值；某些非數(shù)值的值可以直接轉(zhuǎn)換成數(shù)值，如字符串"10"或布爾值；任何不能轉(zhuǎn)換為數(shù)值的值都會導致這個函數(shù)返回true。

語法： isNaN(vallue) 必傳，參數(shù)為要檢測的值

列舉了5種常見場景，如下：

?/* isNaN:[潛意思]你是不是非數(shù)值或者不能轉(zhuǎn)數(shù)值呀 */
??
?console.log(isNaN(NaN)); // true 
?console.log(isNaN(10)); // false，10 是數(shù)值
?console.log(isNaN("10")); // false，可以轉(zhuǎn)換為數(shù)值 10 
?console.log(isNaN("blue")); // true，不可以轉(zhuǎn)換為數(shù)值
?console.log(isNaN(true)); // false，可以轉(zhuǎn)換為數(shù)值 1 

解釋： 首先測試的是 NaN 本身，因為 Not a Number ，顯然會返回 true；接著測試了數(shù)值 10

和字符串"10"，都返回 false，因為它們的數(shù)值都是 10；字符串"blue"不能轉(zhuǎn)換為數(shù)值，因此函數(shù)返

回 true；布爾值 true 可以轉(zhuǎn)換為數(shù)值 1，因此返回 false；

小知識： 雖然不常見，但 isNaN()可以用于測試對象。

機制： 首先會調(diào)用對象的 valueOf()方法，然后再確定返回的值是否可以轉(zhuǎn)換為數(shù)值；如果不能，再調(diào)用 toString() 方法，并測試其返回值。

數(shù)值轉(zhuǎn)換

有 3 個函數(shù)可以將非數(shù)值轉(zhuǎn)換為數(shù)值：Number()、parseInt()和 parseFloat()。

Number()

Number()是轉(zhuǎn)型函數(shù)，可用于任何數(shù)據(jù)類型。

語法

Number(object) 參數(shù)可選，為一個 JavaScript 對象；如果沒有提供參數(shù)，則返回0。

Number()函數(shù)轉(zhuǎn)換規(guī)則：

• 布爾值，true 轉(zhuǎn)換為 1，false 轉(zhuǎn)換為 0
• 數(shù)值，直接返回
• null，返回 0
• undefined，返回 NaN

字符串，應用以下規(guī)則：

• 如果字符串包含數(shù)值字符，包括數(shù)值字符前面帶加、減號的情況，則轉(zhuǎn)換為一個十進制數(shù)值。
• 因此，Number("123")返回 123，Number("011") 返回 11（忽略前面的零）
• 如果字符串包含有效的浮點值格式如"1.1"，則會轉(zhuǎn)換為相應的浮點值（忽略前面的零）。
• 如果字符串包含有效的十六進制格式如"0xf"，則會轉(zhuǎn)換為與該十六進制值對應的十進制整

數(shù)值：

如果是空字符串（不包含字符），則返回 0

如果字符串包含除上述情況之外的其他字符，則返回 NaN

對象，調(diào)用 valueOf()方法，并按照上述規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換結(jié)果是 NaN，則調(diào)用toString()方法，再按照轉(zhuǎn)換字符串的規(guī)則轉(zhuǎn)換

Number()函數(shù)場景練習

從不同數(shù)據(jù)類型到數(shù)值的轉(zhuǎn)換有時候會比較復雜，看一看 Number() 的轉(zhuǎn)換規(guī)則就知道了

下面是幾個具體的例子：

?Number("一二三") // NaN
?Number(undefined) //NaN
?Number("001.01") // 1.01
?Number("") // 0
?Number(null) // 0

可以看到，字符串 "一二三" 轉(zhuǎn)換之后是 NaN，因為它找不到對應的數(shù)值；undefined轉(zhuǎn)換后為NaN；字符串 001.101 轉(zhuǎn)換后是 1.01，因為前面的零被忽略了；最后空字符串與null轉(zhuǎn)換后都是 0；

parseInt()

parseInt() 函數(shù)會解析一個字符串，并返回一個整數(shù)，并且更專注于字符串是否包含數(shù)值模式。

語法

parseInt(string, radix)

參數(shù)1必選，為要被解析的字符串。

參數(shù)2可選，表示要解析的數(shù)字的基數(shù)；該值介于 2 ~ 36 之間。

parseInt()函數(shù)轉(zhuǎn)換規(guī)則

• 字符串最前面的空格會被忽略，從第一個非空格字符開始轉(zhuǎn)換
• 如果第一個字符不是數(shù)值字符、加號或減號，parseInt()立即返回 NaN； 這意味著空字符串也會返回 NaN（這一點跟 Number()不一樣，它返回 0）。
• 如果第一個字符是數(shù)值字符、加號或減號，則繼續(xù)依次檢測每個字符，直到字符串末尾，或碰到非數(shù)值字符；如， "1234blue" 會被轉(zhuǎn)換為 1234，因為 "blue" 會被完全忽略；類似地，"22.5"會被轉(zhuǎn)換為 22，因為小數(shù)點不是有效的整數(shù)字符。

進制轉(zhuǎn)換

假設字符串中的第一個字符是數(shù)值字符，parseInt() 函數(shù)也能識別不同的整數(shù)格式（十進制、八進制、十六進制）；換句話說，如果字符串以"0x"開頭，就會被解釋為十六進制整數(shù)；如果字符串以"0"開頭，且緊跟著數(shù)值字符，在非嚴格模式下會被某些實現(xiàn)解釋為八進制整數(shù)

parseInt()函數(shù)練習場景

只有一個參數(shù)的場景

請看下面幾個例子：

?parseInt("22") ?// 22
?parseInt("21.33") // 21
?parseInt(" 34 age 43 ") ?// 34
?parseInt("Are you 99 ?") ?// NaN
?parseInt("0010") // 10

兩個參數(shù)的場景

不同的數(shù)值格式很容易混淆，因此 parseInt() 也接收第二個參數(shù)，用于指定底數(shù)（進制數(shù)）。如果知道要解析的值是十六進制，那么可以傳入 16 作為第二個參數(shù)，以便正確解析：

?parseInt("0xAF", 16); // 175 
?parseInt("33",8) // 102

事實上，如果提供了十六進制參數(shù)，那么字符串前面的"0x"可以省掉：

?let num1 = parseInt("AF", 16); // 175 
?let num2 = parseInt("AF"); // NaN 

在這個例子中，第一個轉(zhuǎn)換是正確的，而第二個轉(zhuǎn)換失敗了。區(qū)別在于第一次傳入了進制數(shù)作為參數(shù)，告訴 parseInt() 要解析的是一個十六進制字符串。而第二個轉(zhuǎn)換檢測到第一個字符就是非數(shù)值字符，隨即自動停止并返回 NaN。

通過第二個參數(shù)，可以極大擴展轉(zhuǎn)換后獲得的結(jié)果類型。比如：

?let num1 = parseInt("10", 2); // 2 按二進制解析
?let num2 = parseInt("10", 8); // 8 按八進制解析
?let num3 = parseInt("10", 10); // 10，按十進制解析
?let num4 = parseInt("10", 16); // 16，按十六進制解析

因為不傳底數(shù)參數(shù)相當于讓 parseInt() 自己決定如何解析，所以為避免解析出錯，建議始終傳給它第二個參數(shù)。

注意： 大多數(shù)情況下解析的應該都是十進制數(shù)，此時第二個參數(shù)就要傳入10.

parseFloat()

parseFloat() 函數(shù)可解析一個字符串，并返回一個浮點數(shù)

從下標 0 開始檢測每個字符，解析到字符串末尾或者解析到一個無效的浮點數(shù)值字符為止；與parseInt()不同的是它第一次出現(xiàn)的小數(shù)點是有效的，但第二次出現(xiàn)的小數(shù)點就無效了，此時字符串的剩余字符都會被忽略

語法

parseFloat(string) 參數(shù)必選，為要被解析的字符串。

parseFloat()函數(shù)轉(zhuǎn)換規(guī)則

parseFloat()函數(shù)的另一個不同之處在于，它始終忽略字符串開頭的零。

這個函數(shù)能識別前面討論的所有浮點格式，以及十進制格式（開頭的零始終被忽略），十六進制數(shù)值始終會返回 ；因為 parseFloat() 只解析十進制值，因此不能指定底數(shù)。

parseInt()函數(shù)練習場景

下面是幾個示例：

?parseFloat("1234blue"); // 1234，按整數(shù)解析
?parseFloat("0xA"); // 0 
?parseFloat("22.5"); // 22.5 
?parseFloat("0022.34.5"); // 22.34 
?parseFloat("3.125e7"); // 31250000 

注意： 如果字符串表示整數(shù)（沒有小數(shù)點或者小數(shù)點后面只有一個零），則 parseFloat() 返回整數(shù)

總結(jié)

Number類型為JavaScript中唯一的數(shù)字類型，整數(shù)的精度最多為15位

• 進制： JavaScript 會把數(shù)值常量解析，若前綴為 0，則解釋為八進制數(shù)；如果前綴為 "0x"，則解釋為十六進制數(shù)
• 浮點值： 要定義浮點值，數(shù)值中必須包含小數(shù)點，而且小數(shù)點后面必須至少有一個數(shù)字
• 科學記數(shù)法： 用于表示一個應該乘以10 的給定次冪的數(shù)值，較大的數(shù)值使用它會更加簡潔
• 無窮： 最大值（Infinity）表示 1.7976931348623157e+308，最小值表示 5e-324
• NaN： 意思是 Not a Number（不是數(shù)值），可以把 Number 對象設置為該值，來指示其不是數(shù)字值；任何涉及 NaN 的操作始終返回 NaN，并且 NaN 不等于包括 NaN 在內(nèi)的任何值
• Number()適用于向多樣類型轉(zhuǎn)型為數(shù)值型
• parseInt()適用于將字符串轉(zhuǎn)換成浮點數(shù)
• parseFloat()適用于將字符串轉(zhuǎn)換成整型數(shù)字

到此這篇關(guān)于 ECMAScript 數(shù)據(jù)類型之Number類型的文章就介紹到這了,更多相關(guān) ECMAScript  Number類型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！