JavaScript 中的資料型別Number

2022-04-21 19:00:30

前言

Number 型別使用 IEEE 754 格式表示整數和浮點值(在某些語言中也叫雙精度值)。

IEEE二進位制浮點數算術標準;

IEEE 754規定了四種表示浮點數值的方式：單精確度（32位元）、雙精確度（64位元）、延伸單精確度（43位元以上，很少使用）與延伸雙精確度（79位元以上，通常以80位元實現）。

js中用的就是雙精確度（64位元）

不同數值型別有不同的數值字面量格式:

十進位制整數
八進位制(以 8 為基數)
十六進位制(以 16 為基數)

1、浮點數

數值中必須包含小數點，而且小數點後面必須至少有一個數位。

經典問題：0.1 + 0.2 == 0.3 嗎? 答案是不相等；

因為在浮點數運算過程中存在舍入誤差，之所以存在這種舍入錯誤，是因為使用了IEEE754數值，這種錯誤並非ECMAScript 所獨有。只要是使用這種格式的語言都有這個問題。

2、值的範圍

最小數值: Number.MIN_VALUE 5e-324
最大數值: Number.MAX_VALUE 1.797 693 134 862 315 7e+308
數值超出JavaScript表示範圍: Infinity(正無窮大) -Infinity(負無窮大)
確定數值是否為有限數: isFinite()函數

3、NaN

意思：不是數值（not a number）
表示本來要返回數值的操作失敗了(而不是丟擲錯誤)
任何涉及 NaN 的操作始終返回 NaN
NaN 不等於包括 NaN 在內的任何值, 即console.log(NaN == NaN); // false
isNaN()函數, 判斷傳入其中的引數是否不是數值；
isNaN()會嘗試把引數轉換成數值

console.log(isNaN(NaN)); // true
console.log(isNaN('abc')); // true
console.log(isNaN('123')); // false
console.log(isNaN(true)); // false
console.log(isNaN(12)); // false

首先會呼叫物件的valueOf() 方法，然後再確定返回的值是否可以轉換為數值。如果不能，再呼叫 toString()方法，並測試其返回值。

4、數值轉換

將非數值轉換為數值

Number()函數，可用於任何資料型別：

資料型別	轉換規則
布林值	true為1，false為0
數值	直接返回
null	0
undefined	NaN
字串	空字串返回0
數值字元返回對應數位(前面包含加減號的、浮點值、十六進位制格式會轉換為對應的十進位制整數值)
除了上面情況外，都返回NaN
物件	呼叫 valueOf()方法，並按照上述規則轉換返回的值。如果轉換結果是 NaN，則呼叫 toString()方法，再按照轉換字串的規則轉換。

console.log(Number(false)); // 0
console.log(Number(null)); // 0
console.log(Number(undefined)); // NaN
console.log(Number(1)); // 1
console.log(Number(0012)); // 10 八進位制轉換
console.log(Number(070)); // 56 八進位制轉換
console.log(Number(0x1f)); // 31 十六進位制轉換為十進位制整數
console.log(Number(018)); // 18 忽略前面0
console.log(Number(12.23)); // 12.23
console.log(Number('123')); // 123
console.log(Number('123bule')); // NaN
console.log(Number(' 123')); // 123
console.log(Number('')); // 0

parseInt()函數 ++需要得到整數時優先使用 parseInt()函數；++ （ Number()函數轉換字串相對複雜，如果已經明確就是想要取整的話，優先使用parseInt()函數）

parseInt()函數會忽略字串最前面的空格，第一個非空格字元開始轉換；如果第一個字元不是數值字元、加號或減號，parseInt()立即返回 NaN。

parseInt() 更關注於字串是否包含數值，如下：

console.log(parseInt(123)); // 123
console.log(parseInt(0123)); // 83 解釋為八進位制整數。
console.log(parseInt(false)); // NaN
console.log(parseInt('123')); // 123
console.log(parseInt('0123')); // 123
console.log(parseInt('123.23')); // 123
console.log(parseInt('123bule')); // 123
console.log(parseInt(' 123')); // 123
console.log(parseInt('23.74')); // 23
console.log(parseInt('')); // NaN
// 與Number()區別
console.log(Number('')); // 0
console.log(Number(false)); // 0
console.log(Number('123bule')); // 123
// 從這裡可以看parseInt() 更關注於字串是否包含數值

parseInt("0xAF", 16); // 175
parseInt("AF", 16); // 175 提供了16進位制引數，可以省略0x
parseInt("AF");      // NaN , 沒有提供第二個引數，就不可以

不傳底數引數相當於讓 parseInt()自己決定如何解析，所以為避免解析出錯，建議始終傳給它第二個引數。

parseInt()函數可以接收第二個引數，用於指定底數（進位制數）；

如下：

parseFloat()函數同parseInt()函數類似。區別之處在於，一個是它識別有效的小數點（也就是第一次出現的小數點，再後面的再出現小數點就都忽略了）；另一個是始終忽略字串開頭的零; parseFloat()只解析十進位制值,不能指定底數; 十六進位制數值始終會返回 0