JavaScript中的數據類型Number實例分析

這篇“JavaScript中的數據類型Number實例分析”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“JavaScript中的數據類型Number實例分析”文章吧。

前言

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()函數，可用于任何數據類型：

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

如下：

console.log(parseFloat('123bule')); // 123
console.log(parseFloat('23.74'));  // 23.74
console.log(parseFloat('023.74')); // 23.74
console.log(parseFloat('23.74.2')); // 23.74
console.log(parseFloat(0xAF));  // 175
console.log(parseFloat('0xAF')); // 0
console.log(parseFloat(012)); // 10
console.log(parseFloat('012')); // 12

以上就是關于“JavaScript中的數據類型Number實例分析”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。