欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中Number的對象解析

 更新時間:2022年08月31日 10:56:52   作者:jGjHwTzBzEwSdTb???????  
這篇文章主要介紹了JavaScript中Number的對象解析,Number對象是數(shù)值對應(yīng)的包裝對象,可以作為構(gòu)造函數(shù)使用,也可以作為工具函數(shù)使用,感興趣的朋友可以參考一下下面文章內(nèi)容

Number對象是什么

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

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

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

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

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

Number(true) // 1

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

靜態(tài)屬性

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

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

實例方法

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

Number.prototype.toString()

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

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

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

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

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

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

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

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

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

這實際上意味著,可以直接對一個小數(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"

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

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

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

Number.prototype.toFixed()

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

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

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

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

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

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

Number.prototype.toExponential()

toExponential方法用于將一個數(shù)轉(zhuǎn)為科學(xué)計數(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ù)點后有效數(shù)字的位數(shù),范圍為0到100,超出這個范圍,會拋出一個 RangeError 錯誤。

Number.prototype.toPrecision()

Number.prototype.toPrecision()方法用于將一個數(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,超出這個范圍會拋出 RangeError 錯誤。

該方法用于四舍五入時不太可靠,跟浮點數(shù)不是精確儲存有關(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()方法接受一個地區(qū)碼作為參數(shù),返回一個字符串,表示當(dāng)前數(shù)字在該地區(qū)的當(dāng)?shù)貢鴮懶问健?/p>

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

該方法還可以接受第二個參數(shù)配置對象,用來定制指定用途的返回字符串。該對象的style屬性指定輸出樣式,默認值是decimal,表示輸出十進制形式。如果值為percent,表示輸出百分數(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ù),則由瀏覽器自行決定如何處理,通常會使用操作系統(tǒng)的地區(qū)設(shè)定。注意,該方法如果使用瀏覽器不認識的地區(qū)碼,會拋出一個錯誤。

到此這篇關(guān)于JavaScript中Number的對象解析的文章就介紹到這了,更多相關(guān)JS Number內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript遞歸操作樹形結(jié)構(gòu)代碼示例

    JavaScript遞歸操作樹形結(jié)構(gòu)代碼示例

    前端樹形結(jié)構(gòu)一般用于網(wǎng)頁的地理位置輸入框,地理位置級聯(lián)選擇,人員的部門選擇等,這篇文章主要給大家介紹了關(guān)于JavaScript遞歸操作樹形結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下
    2024-01-01
  • js實現(xiàn)九宮格布局效果

    js實現(xiàn)九宮格布局效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)九宮格布局效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • 在layui中select更改后生效的方法

    在layui中select更改后生效的方法

    今天小編就為大家分享一篇在layui中select更改后生效的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 分享ES6的7個實用技巧

    分享ES6的7個實用技巧

    本文給大家分享了es6的7個實用技巧,非常不錯,具有參考借鑒價值,感興趣的朋友一起學(xué)習(xí)吧
    2018-01-01
  • layui radio點擊事件實現(xiàn)input顯示和隱藏的例子

    layui radio點擊事件實現(xiàn)input顯示和隱藏的例子

    今天小編就為大家分享一篇layui radio點擊事件實現(xiàn)input顯示和隱藏的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • JavaScript設(shè)計模式之單例模式

    JavaScript設(shè)計模式之單例模式

    單例模式的定義是:保證一個類僅有一個實例,并提供一個訪問它的全局訪問點。文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-08-08
  • 微信小程序用戶授權(quán)環(huán)節(jié)實現(xiàn)過程

    微信小程序用戶授權(quán)環(huán)節(jié)實現(xiàn)過程

    這篇文章主要介紹了微信小程序用戶授權(quán)環(huán)節(jié)實現(xiàn)過程,在商城項目中,我們需要對部分的頁面,進行一個授權(quán)的判別,例如購物車,及個人中心,需要完成用戶信息的授權(quán)后,獲取到相關(guān)信息
    2023-01-01
  • Table凍結(jié)表頭示例代碼

    Table凍結(jié)表頭示例代碼

    Table凍結(jié)表頭,大家對此應(yīng)該不會很陌生,實現(xiàn)很簡單,下面為大家詳細介紹下具體的實現(xiàn),感興趣的朋友可以參考下
    2013-08-08
  • JavaScript插件化開發(fā)教程 (三)

    JavaScript插件化開發(fā)教程 (三)

    前面我們學(xué)習(xí)了jQuery的方式開發(fā)插件,講訴的都是些基礎(chǔ)的理論知識,今天開始,我們就來實戰(zhàn)一下,學(xué)習(xí)開發(fā)自己的插件庫。
    2015-01-01
  • 詳解JavaScript中l(wèi)ocalStorage使用要點

    詳解JavaScript中l(wèi)ocalStorage使用要點

    localStorage主要用來替代cookie,解決cookie(可參考cookie使用要點)讀寫困難、容量有限的問題,對js localstorage的使用相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
    2016-01-01

最新評論