(十三)Number對象

1 概述

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

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

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

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

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

Number(true) // 1

上面代碼將布爾值true轉為數值1。

2 屬性

Number對象擁有以下一些屬性。

Number.POSITIVE_INFINITY:正的無限,指向Infinity。
Number.NEGATIVE_INFINITY:負的無限,指向-Infinity。
Number.NaN:表示非數值,指向NaN。
Number.MAX_VALUE:表示最大的正數,相應的,最小的負數為-Number.MAX_VALUE。
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

3 實例方法

Number對象有4個實例方法,都跟將數值轉換成指定格式有關。

3.1 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方法。

3.2 Number.prototype.toFixed()

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

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

上面代碼中,1010.005轉成2位小數,其中10必須放在括號里,否則后面的點會被處理成小數點。
toFixed方法的參數為小數位數,有效范圍為0到20,超出這個范圍將拋出 RangeError 錯誤。

3.3 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到20,超出這個范圍,會拋出一個 RangeError 錯誤。

3.4 Number.prototype.toPrecision()

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"

toPrecision方法的參數為有效數字的位數,范圍是1到21,超出這個范圍會拋出 RangeError 錯誤。

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

(12.35).toPrecision(3) // "12.3"
(12.25).toPrecision(3) // "12.3"
(12.15).toPrecision(3) // "12.2"
(12.45).toPrecision(3) // "12.4"

4 自定義方法

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

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

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

上面代碼為Number對象實例定義了一個add方法。在數值上調用某個方法,數值會自動轉為Number的實例對象,所以就可以調用add方法了。由于add方法返回的還是數值,所以可以鏈式運算。

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

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

上面代碼在Number對象的實例上部署了subtract方法,它可以與add方法鏈式調用。

我們還可以部署更復雜的方法。

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上面,數值本身是無法自定義屬性的。

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

上面代碼中,n是一個原始類型的數值。直接在它上面新增一個屬性x,不會報錯,但毫無作用,總是返回undefined。這是因為一旦被調用屬性,n就自動轉為Number的實例對象,調用結束后,該對象自動銷毀。所以,下一次調用n的屬性時,實際取到的是另一個對象,屬性x當然就讀不出來。

本文大量參考借鑒了阮一峰老師的博客《JavaScript 標準參考教程》,他的文章使我受益匪淺,在此表示由衷的感謝!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,505評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,556評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,463評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,009評論 1 312
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,778評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,218評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,281評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,436評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,969評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,795評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,993評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,537評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,229評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,659評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,917評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,687評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,990評論 2 374

推薦閱讀更多精彩內容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執行單位為行(line),也就是一...
    悟名先生閱讀 4,185評論 0 13
  • 全局對象 windowECMAScript 規定全局對象叫做 global,但是瀏覽器把 window 作為全局對...
    半齋閱讀 462評論 0 0
  • 第3章 基本概念 3.1 語法 3.2 關鍵字和保留字 3.3 變量 3.4 數據類型 5種簡單數據類型:Unde...
    RickCole閱讀 5,144評論 0 21
  • 概述 Number對象是數值對應的包裝對象,可以作為構造函數使用,也可以作為工具函數使用。 作為構造函數時,它用于...
    許先生__閱讀 204評論 0 1
  • 需要人陪 對愛情有渴望,對喜歡也有期望。 我有一個聊的特別好的異性朋友。她會在我無聊的時候,花時間陪我聊天,互道晚...
    兩顆牙疼閱讀 1,047評論 18 13