JavaScript中Number的對象解析
Number對象是什么
Number對象是數(shù)值對應的包裝對象,可以作為構造函數(shù)使用,也可以作為工具函數(shù)使用。
作為構造函數(shù)時,它用于生成值為數(shù)值的對象。
var n = new Number(0); typeof n // "object"
上面代碼中,Number對象作為構造函數(shù)使用,返回一個值為1的對象。
作為工具函數(shù)時,它可以將任何類型的值轉為數(shù)值。
Number(true) // 1
上面代碼將布爾值true轉為數(shù)值1。Number作為工具函數(shù)的用法,詳見《數(shù)據類型轉換》一章。
靜態(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),相應的,最接近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ù)值轉換成指定格式有關。
Number.prototype.toString()
Number對象部署了自己的toString方法,用來將一個數(shù)值轉為字符串形式。
(10).toString() // "10"
toString方法可以接受一個參數(shù),表示輸出的進制。如果省略這個參數(shù),默認將數(shù)值先轉為十進制,再輸出字符串;否則,就根據參數(shù)指定的進制,將一個數(shù)字轉化成某個進制的字符串。
(10).toString(2) // "1010" (10).toString(8) // "12" (10).toString(16) // "a"
上面代碼中,10一定要放在括號里,這樣表明后面的點表示調用對象屬性。如果不加括號,這個點會被 JavaScript 引擎解釋成小數(shù)點,從而報錯。
10.toString(2) // SyntaxError: Unexpected token ILLEGAL
只要能夠讓 JavaScript 引擎不混淆小數(shù)點和對象的點運算符,各種寫法都能用。除了為10加上括號,還可以在10后面加兩個點,JavaScript 會把第一個點理解成小數(shù)點(即10.0),把第二個點理解成調用對象屬性,從而得到正確結果。
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"
通過方括號運算符也可以調用toString方法。
10['toString'](2) // "1010"
toString方法只能將十進制的數(shù),轉為其他進制的字符串。如果要將其他進制的數(shù),轉回十進制,需要使用parseInt方法。
Number.prototype.toFixed()
toFixed()方法先將一個數(shù)轉為指定位數(shù)的小數(shù),然后返回這個小數(shù)對應的字符串。
(10).toFixed(2) // "10.00" 10.005.toFixed(2) // "10.01"
上面代碼中,10和10.005先轉成2位小數(shù),然后轉成字符串。其中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ù)轉為科學計數(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ù)轉為指定位數(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ù)不是精確儲存有關。
(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ù),返回一個字符串,表示當前數(shù)字在該地區(qū)的當?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ū)設定。注意,該方法如果使用瀏覽器不認識的地區(qū)碼,會拋出一個錯誤。
到此這篇關于JavaScript中Number的對象解析的文章就介紹到這了,更多相關JS Number內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
Web?Woker與主線程通信場景下對postMessage的簡潔封裝詳解
這篇文章主要為大家介紹了Web?Woker與主線程通信場景下對postMessage的簡潔封裝示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
JavaScript鼠標拖動事件監(jiān)聽使用方法以及實例效果演示
最近工作中遇到了鼠標拖動事件監(jiān)聽的相關需求,所以下面這篇文章主要給大家介紹了關于JavaScript鼠標拖動事件監(jiān)聽使用方法以及實例效果演示的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
axios的get請求傳入數(shù)組參數(shù)原理詳解
這篇文章主要為大家介紹了axios的get請求傳入數(shù)組參數(shù)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-06-06
javascrip高級前端開發(fā)常用的幾個API示例詳解
這篇文章主要為大家介紹了javascrip高級前端開發(fā)中常用的幾個API示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步2021-11-11
EasyUI彈出框行編輯如何通過下拉框實現(xiàn)內容聯(lián)動
本文介紹了如何使用EasyUI彈出框和下拉框實現(xiàn)內容聯(lián)動,并詳細描述了當用戶選擇下拉框時如何更新當前行數(shù)據,通過解決datagrid的onClickRow和onClickCell事件不觸發(fā)的問題,實現(xiàn)了下拉框選擇后數(shù)據的自動填充2024-11-11

