JavaScript類型系統之Number

前面的話
 
 　　JavaScript只有一種數字類型，既可以表示32位的整數，還可以表示64位的浮點數。JavaScript使用IEEE754格式來表示數字，存在浮點計算精度問題。

整數
 
　　javascript的整數表示共有三種字面量格式是十進制、八進制、十六進制。但在進行算術計算時，所有以八進制和十六進制表示的數值最終都將被轉換成十進制數值

　　　　[注意]javascript中可以保存正0和負0，且被認為相等

　　[1]八進制字面值的第一位必須是0，然後是八進制數字序列(0-7)

　　　　[注意]如果字面值中的數值超出了范圍，那麼前導0將被忽略，後面的數值被當作十進制數解析。八進制字面量在嚴格模式下是無效的，會導致javascript拋出錯誤

　　[2]十六進制字面值的前兩位必須是0x，後跟十六進制數字序列，字母可大寫可小寫

　　　　[注意]十六進制中字面值中的數值超出范圍，如出現g、h等會報錯

console.log(+0);//0
console.log(-0);//-0
console.log((+0) === (-0));//true

//num8代表8進制數，num16代表16進制數
var num8 = 012;
console.log(num8);//10
var num8 = 09;
console.log(num8);//9
var num16 = 0x11;
console.log(num16);//17
var num16 = 0xg;//報錯
console.log(num16);

浮點數
 
　　浮點數是指有小數點或指數形式的數字。由於浮點型數值需要的內存空間是保存整數值的兩倍，因此javascript會不失時機地將浮點數值轉換成整數值，若小數點後沒有跟任何數字或者浮點值本身表示的就是一個整數，這個數值會作為整數值來保存

[digits][.digits][(E|e)[(+|-)]digits]

　　[注意]浮點數只可用十進制表示

var num1 = 1.1;
var num2 = 1.;
var num3 = .1;
console.log(num1,num2,num3);//1.1,1,0.1

var num1 = 011.1;//報錯
var num2 = 0x11.1;//報錯
var num3 = 011e1;//報錯
var num4 = 0x11e1;//出錯，會被識別成整數，結果為4577

科學計數法

　　對於極大或者極小的數，可以用科學計數法e來表示的浮點數值來表示。默認情況下，javascript會將小於1且小數點後面帶有6個0以上的浮點數值轉換為以e表示法表示的數值

var num1 = 10e1;//100
var num2 = 10.1e-1;//1.01
var num3 = 1.0000001;//1.0000001
var num4 = 0.0000001;//1e-7
var num5 = 0.000001;//0.000001
console.log(num1,num2,num3,num4,num5);

捨入誤差
 
　　javascript中的數字的最高精度是17位(若小於1，則為小數點後17位；若大於1，則去掉小數點後整體保留17位)，但基於IEEE754數值的浮點計算的通病是捨入誤差的問題

console.log(0.123456789012345678);//0.12345678901234568
console.log(0.123456789012345678+0.000000000000000004);//0.12345678901234568
console.log(1.123456789012345678);//1.1234567890123457
console.log(10.123456789012345678);//10.123456789012346
console.log(12345678901234567890);//12345678901234567000
console.log(0.1+0.2);//0.300000000000000004

數值范圍
 
　　javascript中的數值范圍(正數)是Number.MIN_VALUE —— Number.MAX_VALUE

//5e-324,1.7976931348623157e+308
console.log(Number.MIN_VALUE,Number.MAX_VALUE)

Infinity

　　如果超出正數范圍，輸出Infinity(正無窮大)，超出負數范圍，輸出-Infinity(負無窮大)

console.log(Number.MAX_VALUE+1 === Number.MAX_VALUE);//true
console.log(Number.MAX_VALUE+ Number.MAX_VALUE === Infinity);//true
console.log(Number.MIN_VALUE+1);//1
console.log(Number.MIN_VALUE-1);//-1
console.log(-Number.MAX_VALUE-Number.MAX_VALUE);//-Infinity

　　+Infinity的等價值是Number.POSITIVE_INFINITY；-Infinity的等價值是Number.NEGATIVE_INFINITY

　　[注意]+-Infinity不能參與數值計算

console.log(Number.POSITIVE_INFINITY === Infinity)//true
console.log(Number.NEGATIVE_INFINITY === -Infinity)//true
console.log(Infinity - 1);//Infinity
console.log(Infinity - Infinity);//NaN

　　可以用isFinite()來確定一個數值是不是有窮的，包含著隱式類型轉換Number()。如果是無窮數或者NaN時返回false，否則為true

console.log(isFinite(Infinity))//false
console.log(isFinite(NaN))//false
console.log(isFinite(Number.MAX_VALUE))//true

NaN

　　NaN(not a number)表示非數字，NaN與任何值都不相等，包括NaN本身，且任何涉及NaN的操作都會返回NaN。isNaN()來判斷這個數字是不是NaN，包含著隱式類型轉換Number()

console.log(NaN == NaN);//false
console.log(NaN == Infinity);//false
console.log(isNaN(Infinity));//false
console.log(isNaN(0));//false
console.log(isNaN(NaN));//true

數值轉換
 
 　　有3個函數可以把非數值轉換成數值:Number()、parseInt()和parseFloat()

Number()

　　Number()可用於任何數據類型的轉換

　　Number(true): 1 || Number(false):0

　　Number(各種進制的數字):運算後的十進制的數字，如1.0或1.或01會以1輸出

　　Number(undefined):NaN

　　Number(null):0

console.log(Number(true),Number(false));//1 0
console.log(Number(11),Number(011),Number(0x11));//11 9 17
console.log(Number(undefined),Number(null));//NaN 0

　　Number(字符串)：

 　　在解析字符串時會識別前置空格並去掉

　　　　Number(只包含十進制或十六進制的數字的字符串)：運算後的十進制的數字

　　　　　　[注意]字符串中不識別八進制，按照十進制數字處理

　　　　Number(''和' '):0

　　　　Number(其他情況的字符串):NaN

　　　　　　[注意]字符串'1.2.'不會報錯，但數字1.2.會報錯

console.log(Number('    123'));//123
console.log(Number('1.2.'));//NaN
console.log(Number('1.2.'));//報錯
console.log(Number(''),Number(' '));//0 0
console.log(Number('11'),Number('011'),Number('0x11'));//11 11 17
console.log(Number('abc'));//NaN

　　Number(對象)：

　　　　Number([]和[0]和[-0]):0

　　　　Number([數字]):運算後的數字

　　　　Number([1,2]和{}和其他對象):NaN

console.log(Number([]),Number([0]),Number([-0]),Number([0,0]));//0 0 0 NaN
console.log(Number([1]),Number([-1]));//1 -1
console.log(Number([1,2]),Number({}));//NaN NaN

　　[注意]可以用一個值-0來將其轉換成一個數字，有隱式類型轉換Number()

console.log(typeof ('123'-0),'123'-0);//number 123
console.log(typeof ('123px'-0),'123px'-0);//number NaN
console.log(typeof (true-0),true-0);//number 1
console.log(typeof ([]-0),[]-0);//number 0

parseInt()

　　parseInt()專門用於把字符串轉換成數值。在轉換字符串時，會忽略字符串前面的空格，直到找到第一個非空格字符。如果第一個字符不是數字字符或者負號，parseInt()就會返回NaN。如果是，則繼續解析，直到解析完成或者遇到非數字字符

console.log(parseInt('    123px'));//123
console.log(parseInt('  123  '));//123
console.log(parseInt(' -123px'));//-123
console.log(parseInt('a123px'));//NaN
console.log(parseInt('0 123px'));//0

　　parseInt()可以識別出各種進制的數字，輸出的是運算後的十進制的數字，如1.0或1.或01會以1輸出。在解析八進制字面量的字符串，ECMAScript3會解析八進制，但ECMAScript5沒有解析八進制的能力

console.log(parseInt('11'));//11
console.log(parseInt(11));//11
console.log(parseInt('11.1'));//11
console.log(parseInt(11.1));//11
console.log(parseInt('011'));//11
console.log(parseInt(011));//9
console.log(parseInt('011.1'));//11
console.log(parseInt(011.1));//報錯
console.log(parseInt('0x11'));//17
console.log(parseInt(0x11));//17
console.log(parseInt('0x11.1'));//17
console.log(parseInt(0x11.1));//報錯

 　　parseInt()函數提供第二個參數，表示多少進制

console.log(parseInt('11',2));//3
console.log(parseInt('11',8));//9
console.log(parseInt('11',10));//11
console.log(parseInt('11',16));//17

　　因為parseInt()是專門用來處理字符串轉換數字的，所以parseInt處理非字符串和數字類型時輸出NaN

　　[注意]]parseInt([數字或字符串])輸出對應的數字

console.log(parseInt(null),parseInt(undefined));//NaN NaN
console.log(parseInt(true),parseInt(false));//NaN NaN
console.log(parseInt([]),parseInt(['2.5px']),parseInt([2.5]));//NaN 2 2
console.log(parseInt(''),parseInt(' '),parseInt({}));//NaN NaN NaN

parseFloat()

　　類似於parseInt()，專門用於字符串轉換數字。解析時會忽略字符串前面的空格，直到找到第一個非空格字符，然後一直解析到字符串末尾或一個無效的浮點數字字符為止

console.log(parseFloat('    0123.px'));//123
console.log(parseFloat('    123.px'));//123
console.log(parseFloat('    123.1px'));//123.1
console.log(parseFloat('  123.1.2px  '));//123.1
console.log(parseFloat(' -123.0px'));//-123
console.log(parseFloat('.123.1px'));//0.123
console.log(parseFloat('0 123px'));//0

　　parseFloat()可以識別不同進制的數字，但只能解析十進制字符串

console.log(parseFloat('11'));//11
console.log(parseFloat(11));//11
console.log(parseFloat('11.1'));//11.1
console.log(parseFloat(11.1));//11.1
console.log(parseFloat('011'));//11
console.log(parseFloat(011));//9
console.log(parseFloat('011.1'));//11.1
console.log(parseFloat(011.1));//報錯
console.log(parseFloat('0x11'));//0
console.log(parseFloat(0x11));//17
console.log(parseFloat('0x11.1'));//0
console.log(parseFloat(0x11.1));//報錯

　　因為parseFloat()是專門用來處理字符串轉換數字的，所以parseFloat處理非字符串和數字類型時輸出NaN

　　[注意]parseFloat([數字或字符串])輸出對應的數字

console.log(parseFloat(null),parseFloat(undefined));//NaN NaN
console.log(parseFloat(true),parseFloat(false));//NaN NaN
console.log(parseFloat([]),parseFloat([2.1]),parseFloat(['2.1px']));//NaN 2.1 2.1
console.log(parseFloat(''),parseFloat({}));//NaN NaN

繼承的方法
 
 　　Number類型是與數字值對應的包裝類型，繼承了引用類型的通用方法

　　valueOf():返回基本類型的數值

　　toString()和toLocaleString():返回字符串形式的數值

console.log(typeof 1.1.valueOf(),1.1.valueOf());//number 1.1
console.log(typeof 1.1.toString(),1.1.toString());//String '1.1'
console.log(typeof 1.1.toLocaleString(),1.1.toLocaleString());//String '1.1'

console.log(typeof 1.valueOf(),1.valueOf());//報錯
console.log(typeof 1.toString(),1.toString());//報錯
console.log(typeof 1.toLocaleString(),1.toLocaleString());//報錯

var num = 1;
console.log(typeof num.valueOf(),num.valueOf());//number 1
console.log(typeof num.toString(),num.toString());//String '1'
console.log(typeof num.toLocaleString(),num.toLocaleString());//String '1'

　　[注意]可以為toString()方法傳遞一個表示基數的參數

var num = 10;
console.log(num.toString());//'10'
console.log(num.toString(2));//'1010'
console.log(num.toString(8));//'12'
console.log(num.toString(10));//'10'
console.log(num.toString(16));//'a'   

其他方法
 
toFixed()

　　按照指定的小數位返回數值四捨五入後的字符串表示(常用於處理貨幣值)

　　　　[注意]toFixed()裡的參數只接受0-20,若不傳參則相當於參數是0

var num = 10.456;
console.log(num.toFixed(2));//10.46
console.log(num.toFixed());//10
console.log(num.toFixed(-1));//報錯

toExponential()

　　返回指數表示法(e表示法)的數值的字符串表示，參數表示轉換後的小數位數

　　[注意]toExponential()裡的參數只接受0-20,若不傳參則相當於不針對小數進行四捨五入

var num = 10.456;
console.log(num.toExponential(2));//1.05e+1
console.log(num.toExponential());//1.0456e+1   
console.log(num.toExponential(21));//報錯

toPrecision()

　　接收一個參數，即表示數值的所有數字的位數(不包括指數部分)，自動調用toFixed()或toExponential()

　　 [注意]toFixed()裡的參數只接受1-21,若不傳參則不對原數字進行任何操作

var num = 10.1;
console.log(num.toPrecision(3));//10.1
console.log(num.toPrecision(2));//10       
console.log(num.toPrecision(1));//1e+1
console.log(num.toPrecision());//10.1