Number 對象 · JavaScript 教程

# Number 對象 ## 概述 `Number`對象是數值對應的包裝對象，可以作為構造函數使用，也可以作為工具函數使用。作為構造函數時，它用于生成值為數值的對象。 ```javascript var n = new Number(1); typeof n // "object" ``` 上面代碼中，`Number`對象作為構造函數使用，返回一個值為`1`的對象。作為工具函數時，它可以將任何類型的值轉為數值。 ```javascript Number(true) // 1 ``` 上面代碼將布爾值`true`轉為數值`1`。`Number`作為工具函數的用法，詳見《數據類型轉換》一章。 ## 靜態屬性 `Number`對象擁有以下一些靜態屬性（即直接定義在`Number`對象上的屬性，而不是定義在實例上的屬性）。 - `Number.POSITIVE_INFINITY`：正的無限，指向`Infinity`。 - `Number.NEGATIVE_INFINITY`：負的無限，指向`-Infinity`。 - `Number.NaN`：表示非數值，指向`NaN`。 - `Number.MIN_VALUE`：表示最小的正數（即最接近0的正數，在64位浮點數體系中為`5e-324`），相應的，最接近0的負數為`-Number.MIN_VALUE`。 - `Number.MAX_SAFE_INTEGER`：表示能夠精確表示的最大整數，即`9007199254740991`。 - `Number.MIN_SAFE_INTEGER`：表示能夠精確表示的最小整數，即`-9007199254740991`。 ```javascript Number.POSITIVE_INFINITY // Infinity Number.NEGATIVE_INFINITY // -Infinity Number.NaN // NaN Number.MAX_VALUE // 1.7976931348623157e+308 Number.MAX_VALUE < Infinity // true Number.MIN_VALUE // 5e-324 Number.MIN_VALUE > 0 // true Number.MAX_SAFE_INTEGER // 9007199254740991 Number.MIN_SAFE_INTEGER // -9007199254740991 ``` ## 實例方法 `Number`對象有4個實例方法，都跟將數值轉換成指定格式有關。 ### Number.prototype.toString() `Number`對象部署了自己的`toString`方法，用來將一個數值轉為字符串形式。 ```javascript (10).toString() // "10" ``` `toString`方法可以接受一個參數，表示輸出的進制。如果省略這個參數，默認將數值先轉為十進制，再輸出字符串；否則，就根據參數指定的進制，將一個數字轉化成某個進制的字符串。 ```javascript (10).toString(2) // "1010" (10).toString(8) // "12" (10).toString(16) // "a" ``` 上面代碼中，`10`一定要放在括號里，這樣表明后面的點表示調用對象屬性。如果不加括號，這個點會被 JavaScript 引擎解釋成小數點，從而報錯。 ```javascript 10.toString(2) // SyntaxError: Unexpected token ILLEGAL ``` 只要能夠讓 JavaScript 引擎不混淆小數點和對象的點運算符，各種寫法都能用。除了為`10`加上括號，還可以在`10`后面加兩個點，JavaScript 會把第一個點理解成小數點（即`10.0`），把第二個點理解成調用對象屬性，從而得到正確結果。 ```javascript 10..toString(2) // "1010" // 其他方法還包括 10 .toString(2) // "1010" 10.0.toString(2) // "1010" ``` 這實際上意味著，可以直接對一個小數使用`toString`方法。 ```javascript 10.5.toString() // "10.5" 10.5.toString(2) // "1010.1" 10.5.toString(8) // "12.4" 10.5.toString(16) // "a.8" ``` 通過方括號運算符也可以調用`toString`方法。 ```javascript 10['toString'](2) // "1010" ``` `toString`方法只能將十進制的數，轉為其他進制的字符串。如果要將其他進制的數，轉回十進制，需要使用`parseInt`方法。 ### Number.prototype.toFixed() `toFixed()`方法先將一個數轉為指定位數的小數，然后返回這個小數對應的字符串。 ```javascript (10).toFixed(2) // "10.00" 10.005.toFixed(2) // "10.01" ``` 上面代碼中，`10`和`10.005`先轉成2位小數，然后轉成字符串。其中`10`必須放在括號里，否則后面的點會被處理成小數點。 `toFixed()`方法的參數為小數位數，有效范圍為0到100，超出這個范圍將拋出 RangeError 錯誤。由于浮點數的原因，小數`5`的四舍五入是不確定的，使用的時候必須小心。 ```javascript (10.055).toFixed(2) // 10.05 (10.005).toFixed(2) // 10.01 ``` ### Number.prototype.toExponential() `toExponential`方法用于將一個數轉為科學計數法形式。 ```javascript (10).toExponential() // "1e+1" (10).toExponential(1) // "1.0e+1" (10).toExponential(2) // "1.00e+1" (1234).toExponential() // "1.234e+3" (1234).toExponential(1) // "1.2e+3" (1234).toExponential(2) // "1.23e+3" ``` `toExponential`方法的參數是小數點后有效數字的位數，范圍為0到100，超出這個范圍，會拋出一個 RangeError 錯誤。 ### Number.prototype.toPrecision() `Number.prototype.toPrecision()`方法用于將一個數轉為指定位數的有效數字。 ```javascript (12.34).toPrecision(1) // "1e+1" (12.34).toPrecision(2) // "12" (12.34).toPrecision(3) // "12.3" (12.34).toPrecision(4) // "12.34" (12.34).toPrecision(5) // "12.340" ``` 該方法的參數為有效數字的位數，范圍是1到100，超出這個范圍會拋出 RangeError 錯誤。該方法用于四舍五入時不太可靠，跟浮點數不是精確儲存有關。 ```javascript (12.35).toPrecision(3) // "12.3" (12.25).toPrecision(3) // "12.3" (12.15).toPrecision(3) // "12.2" (12.45).toPrecision(3) // "12.4" ``` ### Number.prototype.toLocaleString() `Number.prototype.toLocaleString()`方法接受一個地區碼作為參數，返回一個字符串，表示當前數字在該地區的當地書寫形式。 ```javascript (123).toLocaleString('zh-Hans-CN-u-nu-hanidec') // "一二三" ``` 該方法還可以接受第二個參數配置對象，用來定制指定用途的返回字符串。該對象的`style`屬性指定輸出樣式，默認值是`decimal`，表示輸出十進制形式。如果值為`percent`，表示輸出百分數。 ```javascript (123).toLocaleString('zh-Hans-CN', { style: 'percent' }) // "12,300%" ``` 如果`style`屬性的值為`currency`，則可以搭配`currency`屬性，輸出指定格式的貨幣字符串形式。 ```javascript (123).toLocaleString('zh-Hans-CN', { style: 'currency', currency: 'CNY' }) // "￥123.00" (123).toLocaleString('de-DE', { style: 'currency', currency: 'EUR' }) // "123,00?€" (123).toLocaleString('en-US', { style: 'currency', currency: 'USD' }) // "$123.00" ``` 如果`Number.prototype.toLocaleString()`省略了參數，則由瀏覽器自行決定如何處理，通常會使用操作系統的地區設定。注意，該方法如果使用瀏覽器不認識的地區碼，會拋出一個錯誤。 ```javascript (123).toLocaleString('123') // 出錯 ``` ## 自定義方法與其他對象一樣，`Number.prototype`對象上面可以自定義方法，被`Number`的實例繼承。 ```javascript Number.prototype.add = function (x) { return this + x; }; 8['add'](2) // 10 ``` 上面代碼為`Number`對象實例定義了一個`add`方法。在數值上調用某個方法，數值會自動轉為`Number`的實例對象，所以就可以調用`add`方法了。由于`add`方法返回的還是數值，所以可以鏈式運算。 ```javascript Number.prototype.subtract = function (x) { return this - x; }; (8).add(2).subtract(4) // 6 ``` 上面代碼在`Number`對象的實例上部署了`subtract`方法，它可以與`add`方法鏈式調用。我們還可以部署更復雜的方法。 ```javascript Number.prototype.iterate = function () { var result = []; for (var i = 0; i <= this; i++) { result.push(i); } return result; }; (8).iterate() // [0, 1, 2, 3, 4, 5, 6, 7, 8] ``` 上面代碼在`Number`對象的原型上部署了`iterate`方法，將一個數值自動遍歷為一個數組。注意，數值的自定義方法，只能定義在它的原型對象`Number.prototype`上面，數值本身是無法自定義屬性的。 ```javascript var n = 1; n.x = 1; n.x // undefined ``` 上面代碼中，`n`是一個原始類型的數值。直接在它上面新增一個屬性`x`，不會報錯，但毫無作用，總是返回`undefined`。這是因為一旦被調用屬性，`n`就自動轉為`Number`的實例對象，調用結束后，該對象自動銷毀。所以，下一次調用`n`的屬性時，實際取到的是另一個對象，屬性`x`當然就讀不出來。