JavaScript Number 對(duì)象

2023-03-20 15:55 更新

概述

Number對(duì)象是數(shù)值對(duì)應(yīng)的包裝對(duì)象,可以作為構(gòu)造函數(shù)使用,也可以作為工具函數(shù)使用。

作為構(gòu)造函數(shù)時(shí),它用于生成值為數(shù)值的對(duì)象。

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

上面代碼中,Number對(duì)象作為構(gòu)造函數(shù)使用,返回一個(gè)值為1的對(duì)象。

作為工具函數(shù)時(shí),它可以將任何類型的值轉(zhuǎn)為數(shù)值。

Number(true) // 1

上面代碼將布爾值true轉(zhuǎn)為數(shù)值1。Number作為工具函數(shù)的用法,詳見《數(shù)據(jù)類型轉(zhuǎn)換》一章。

靜態(tài)屬性

Number對(duì)象擁有以下一些靜態(tài)屬性(即直接定義在Number對(duì)象上的屬性,而不是定義在實(shí)例上的屬性)。

  • Number.POSITIVE_INFINITY:正的無限,指向Infinity。
  • Number.NEGATIVE_INFINITY:負(fù)的無限,指向-Infinity。
  • Number.NaN:表示非數(shù)值,指向NaN
  • Number.MIN_VALUE:表示最小的正數(shù)(即最接近0的正數(shù),在64位浮點(diǎn)數(shù)體系中為5e-324),相應(yīng)的,最接近0的負(fù)數(shù)為-Number.MIN_VALUE。
  • Number.MAX_SAFE_INTEGER:表示能夠精確表示的最大整數(shù),即9007199254740991。
  • Number.MIN_SAFE_INTEGER:表示能夠精確表示的最小整數(shù),即-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

實(shí)例方法

Number對(duì)象有4個(gè)實(shí)例方法,都跟將數(shù)值轉(zhuǎn)換成指定格式有關(guān)。

Number.prototype.toString()

Number對(duì)象部署了自己的toString方法,用來將一個(gè)數(shù)值轉(zhuǎn)為字符串形式。

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

toString方法可以接受一個(gè)參數(shù),表示輸出的進(jìn)制。如果省略這個(gè)參數(shù),默認(rèn)將數(shù)值先轉(zhuǎn)為十進(jìn)制,再輸出字符串;否則,就根據(jù)參數(shù)指定的進(jìn)制,將一個(gè)數(shù)字轉(zhuǎn)化成某個(gè)進(jìn)制的字符串。

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

上面代碼中,10一定要放在括號(hào)里,這樣表明后面的點(diǎn)表示調(diào)用對(duì)象屬性。如果不加括號(hào),這個(gè)點(diǎn)會(huì)被 JavaScript 引擎解釋成小數(shù)點(diǎn),從而報(bào)錯(cuò)。

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

只要能夠讓 JavaScript 引擎不混淆小數(shù)點(diǎn)和對(duì)象的點(diǎn)運(yùn)算符,各種寫法都能用。除了為10加上括號(hào),還可以在10后面加兩個(gè)點(diǎn),JavaScript 會(huì)把第一個(gè)點(diǎn)理解成小數(shù)點(diǎn)(即10.0),把第二個(gè)點(diǎn)理解成調(diào)用對(duì)象屬性,從而得到正確結(jié)果。

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

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

這實(shí)際上意味著,可以直接對(duì)一個(gè)小數(shù)使用toString方法。

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

通過方括號(hào)運(yùn)算符也可以調(diào)用toString方法。

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

toString方法只能將十進(jìn)制的數(shù),轉(zhuǎn)為其他進(jìn)制的字符串。如果要將其他進(jìn)制的數(shù),轉(zhuǎn)回十進(jìn)制,需要使用parseInt方法。

Number.prototype.toFixed()

toFixed()方法先將一個(gè)數(shù)轉(zhuǎn)為指定位數(shù)的小數(shù),然后返回這個(gè)小數(shù)對(duì)應(yīng)的字符串。

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

上面代碼中,1010.005先轉(zhuǎn)成2位小數(shù),然后轉(zhuǎn)成字符串。其中10必須放在括號(hào)里,否則后面的點(diǎn)會(huì)被處理成小數(shù)點(diǎn)。

toFixed()方法的參數(shù)為小數(shù)位數(shù),有效范圍為0到100,超出這個(gè)范圍將拋出 RangeError 錯(cuò)誤。

由于浮點(diǎn)數(shù)的原因,小數(shù)5的四舍五入是不確定的,使用的時(shí)候必須小心。

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

Number.prototype.toExponential()

toExponential方法用于將一個(gè)數(shù)轉(zhuǎn)為科學(xué)計(jì)數(shù)法形式。

(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方法的參數(shù)是小數(shù)點(diǎn)后有效數(shù)字的位數(shù),范圍為0到100,超出這個(gè)范圍,會(huì)拋出一個(gè) RangeError 錯(cuò)誤。

Number.prototype.toPrecision()

Number.prototype.toPrecision()方法用于將一個(gè)數(shù)轉(zhuǎn)為指定位數(shù)的有效數(shù)字。

(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"

該方法的參數(shù)為有效數(shù)字的位數(shù),范圍是1到100,超出這個(gè)范圍會(huì)拋出 RangeError 錯(cuò)誤。

該方法用于四舍五入時(shí)不太可靠,跟浮點(diǎn)數(shù)不是精確儲(chǔ)存有關(guān)。

(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()方法接受一個(gè)地區(qū)碼作為參數(shù),返回一個(gè)字符串,表示當(dāng)前數(shù)字在該地區(qū)的當(dāng)?shù)貢鴮懶问健?br>

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

該方法還可以接受第二個(gè)參數(shù)配置對(duì)象,用來定制指定用途的返回字符串。該對(duì)象的style屬性指定輸出樣式,默認(rèn)值是decimal,表示輸出十進(jìn)制形式。如果值為percent,表示輸出百分?jǐn)?shù)。

(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()省略了參數(shù),則由瀏覽器自行決定如何處理,通常會(huì)使用操作系統(tǒng)的地區(qū)設(shè)定。注意,該方法如果使用瀏覽器不認(rèn)識(shí)的地區(qū)碼,會(huì)拋出一個(gè)錯(cuò)誤。

(123).toLocaleString('123') // 出錯(cuò)

自定義方法

與其他對(duì)象一樣,Number.prototype對(duì)象上面可以自定義方法,被Number的實(shí)例繼承。

Number.prototype.add = function (x) {
  return this + x;
};

8['add'](2) // 10

上面代碼為Number對(duì)象實(shí)例定義了一個(gè)add方法。在數(shù)值上調(diào)用某個(gè)方法,數(shù)值會(huì)自動(dòng)轉(zhuǎn)為Number的實(shí)例對(duì)象,所以就可以調(diào)用add方法了。由于add方法返回的還是數(shù)值,所以可以鏈?zhǔn)竭\(yùn)算。

Number.prototype.subtract = function (x) {
  return this - x;
};

(8).add(2).subtract(4)
// 6

上面代碼在Number對(duì)象的實(shí)例上部署了subtract方法,它可以與add方法鏈?zhǔn)秸{(diào)用。

我們還可以部署更復(fù)雜的方法。

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對(duì)象的原型上部署了iterate方法,將一個(gè)數(shù)值自動(dòng)遍歷為一個(gè)數(shù)組。

注意,數(shù)值的自定義方法,只能定義在它的原型對(duì)象Number.prototype上面,數(shù)值本身是無法自定義屬性的。

var n = 1;
n.x = 1;
n.x // undefined

上面代碼中,n是一個(gè)原始類型的數(shù)值。直接在它上面新增一個(gè)屬性x,不會(huì)報(bào)錯(cuò),但毫無作用,總是返回undefined。這是因?yàn)橐坏┍徽{(diào)用屬性,n就自動(dòng)轉(zhuǎn)為Number的實(shí)例對(duì)象,調(diào)用結(jié)束后,該對(duì)象自動(dòng)銷毀。所以,下一次調(diào)用n的屬性時(shí),實(shí)際取到的是另一個(gè)對(duì)象,屬性x當(dāng)然就讀不出來。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)