iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 3
1
Modern Web

JavaScript Note系列 第 3

Number 數值

  • 分享至 

  • xImage
  •  

在JavaScript中處理總和、平均、或顯示數量與單位量時,我們可以使用Number來表達。
其他程式,如JAVA、C#中,數值可以區分為整數與浮點數,但在JavaScript一律使用浮點數來表示數值,如果小數點後都是0的話,小數點就不會顯示。
JavaScript的Number為64位元格式,並以IEEE754為標準。
https://ithelp.ithome.com.tw/upload/images/20181018/20112573rnFreUr5Xh.png

JavaScript可表示的最大數值:1.7976931348623157e+308。
JavaScript可表示的最小數值:5e-324。
https://ithelp.ithome.com.tw/upload/images/20181018/2011257321UhmFkWa0.png
如果使用的數值超出此範圍,會有失去精確度的問題產生。

Infinity

除以0,在JavaScript中並不會發生錯誤,相反地,它會產生一個很特殊的值:Infinity。
https://ithelp.ithome.com.tw/upload/images/20181018/20112573sCWc7swsAX.png
若被除數為負數,會產生-Infinity。
當計算結果超出JavaScript可表示的數值範圍時,會產生Infinity或-Infinity。

判斷Infinity

可以使用嚴格相等性或全域函式來檢查值是否為Infinity。
https://ithelp.ithome.com.tw/upload/images/20181018/20112573D9xyrJi39a.png

精確度的問題

JavaScript的浮點數是以二進位(binary)來表示的,它可以明確地表示1/2、1/4、1/1024這類的小數,但我們一般使用的1/10、1/100、1/1000,甚至最簡單的0.1,JavaScript無法明確表示。
除非位數夠大,不然我們一般使用浮點數無法察覺誤差所在,以第5行為例,必須要到10的24次方才能看出這微小的差異:
https://ithelp.ithome.com.tw/upload/images/20181018/20112573Y3XPmXqEao.png
即使如此,產生的值足夠一般使用了,但如果想讓0.1+0.2相等於0.3的話,就必須忽略誤差值,因為這是二進位(binary)的限制,我們無法消除,只能技巧性的略過:取一個臨界點標準,標準以內,忽略誤差。

Number型別為64位元,精確度又稱作雙精度。
根據https://en.wikipedia.org/wiki/Machine_epsilon 表示它的臨界點值為2的-53次方
我們可以撰寫一個函式,只要誤差值在此範圍內,就忽略:
https://ithelp.ithome.com.tw/upload/images/20181018/20112573FeeNjrzmsN.png

浮點數轉整數

有3種函式可以將浮點數轉成整數,可依照情境選擇適合的轉換方式。

Math.floor( )
回傳小於或等於的最接近整數
https://ithelp.ithome.com.tw/upload/images/20181018/20112573LJLE6Bnuh9.png

Math.ceil( )
回傳大於或等於的最接近整數
https://ithelp.ithome.com.tw/upload/images/20181018/2011257353GndFV4X8.png

Math.round( )
回傳最接近的整數(四捨五入)
正數部分
https://ithelp.ithome.com.tw/upload/images/20181018/20112573xW0zUTBiEn.png

負數部分
以下的結果,可能預料之外
https://ithelp.ithome.com.tw/upload/images/20181018/20112573M0s2WrSQHN.png
你或許會預期引數-3.5,會回傳-4,但事實不是如此,我們可以把Math.round(x)理解成Math.floor(x+0.5)
比對上述的負數轉換:
https://ithelp.ithome.com.tw/upload/images/20181018/20112573uC7aEKfr4K.png

Math.max( ) & Math.min( )
回傳參數中的最大值、最小值。
若引數為陣列,需使用展開運算子(Spread Operator)。
https://ithelp.ithome.com.tw/upload/images/20181018/201125730Proy2zODU.png

tofixed(?fractionDigits)
回傳指定小數點位數的數值字串,4捨5入至指定位數。
fractionDigits若無輸入,僅回傳整數部分。
fractionDigits若大於小數位數,不足補0。
https://ithelp.ithome.com.tw/upload/images/20181018/20112573XOj3ufMRAZ.png

Math.random( )
隨機產生0(包含)~1(不包含)的浮點數。
https://ithelp.ithome.com.tw/upload/images/20181018/20112573de9IwTjJPs.png
可搭配Math.floor( )產生0~9或0~99的隨機數。

參考來源:
JavaScript大全
Speaking JavaScript|簡明完整的 JS 精要指南
http://www.fly63.com/article/detial/346


上一篇
String 字串
下一篇
Boolean 布林
系列文
JavaScript Note31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言