JavaScript中Number的對象解析

Posted on by

Number對象是什麼

Number對象是數值對應的包裝對象，可以作為構造函數使用，也可以作為工具函數使用。

作為構造函數時，它用於生成值為數值的對象。

var n = new Number(0);
typeof n // "object"

上面代碼中，Number對象作為構造函數使用，返回一個值為1的對象。

作為工具函數時，它可以將任何類型的值轉為數值。

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。
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方法，用來將一個數值轉為字符串形式。

(10).toString() // "10"

toString方法可以接受一個參數，表示輸出的進制。如果省略這個參數，默認將數值先轉為十進制，再輸出字符串；否則，就根據參數指定的進制，將一個數字轉化成某個進制的字符串。

(10).toString(2) // "1010"
(10).toString(8) // "12"
(10).toString(16) // "a"

上面代碼中，10一定要放在括號裡，這樣表明後面的點表示調用對象屬性。如果不加括號，這個點會被 JavaScript 引擎解釋成小數點，從而報錯。

10.toString(2)
// SyntaxError: Unexpected token ILLEGAL

隻要能夠讓 JavaScript 引擎不混淆小數點和對象的點運算符，各種寫法都能用。除瞭為10加上括號，還可以在10後面加兩個點，JavaScript 會把第一個點理解成小數點（即10.0），把第二個點理解成調用對象屬性，從而得到正確結果。

10..toString(2)
// "1010"

// 其他方法還包括
10 .toString(2) // "1010"
10.0.toString(2) // "1010"

這實際上意味著，可以直接對一個小數使用toString方法。

10.5.toString() // "10.5"
10.5.toString(2) // "1010.1"
10.5.toString(8) // "12.4"
10.5.toString(16) // "a.8"

通過方括號運算符也可以調用toString方法。

10['toString'](2) // "1010"

toString方法隻能將十進制的數，轉為其他進制的字符串。如果要將其他進制的數，轉回十進制，需要使用parseInt方法。

Number.prototype.toFixed()

toFixed()方法先將一個數轉為指定位數的小數，然後返回這個小數對應的字符串。

(10).toFixed(2) // "10.00"
10.005.toFixed(2) // "10.01"

上面代碼中，10和10.005先轉成2位小數，然後轉成字符串。其中10必須放在括號裡，否則後面的點會被處理成小數點。

toFixed()方法的參數為小數位數，有效范圍為0到100，超出這個范圍將拋出 RangeError 錯誤。

由於浮點數的原因，小數5的四舍五入是不確定的，使用的時候必須小心。

(10.055).toFixed(2) // 10.05
(10.005).toFixed(2) // 10.01

Number.prototype.toExponential()

toExponential方法用於將一個數轉為科學計數法形式。

(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()方法用於將一個數轉為指定位數的有效數字。

(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 錯誤。

該方法用於四舍五入時不太可靠，跟浮點數不是精確儲存有關。

(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()方法接受一個地區碼作為參數，返回一個字符串，表示當前數字在該地區的當地書寫形式。

(123).toLocaleString('zh-Hans-CN-u-nu-hanidec')
// "一二三"

該方法還可以接受第二個參數配置對象，用來定制指定用途的返回字符串。該對象的style屬性指定輸出樣式，默認值是decimal，表示輸出十進制形式。如果值為percent，表示輸出百分數。

(123).toLocaleString('zh-Hans-CN', { style: 'percent' })
// "12,300%"

如果style屬性的值為currency，則可以搭配currency屬性，輸出指定格式的貨幣字符串形式。

(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中Number的對象解析的文章就介紹到這瞭,更多相關JS Number內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：