[JavaScript] 数据类型-Number

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、数值转换

• 将非数值转换为数值

1. 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 
   

2. 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()函数可以接收第二个参数，用于指定底数（进制数）；如下

   parseInt("0xAF", 16); // 175
   parseInt("AF", 16); // 175 提供了16进制参数，可以省略0x
   parseInt("AF");      // NaN , 没有提供第二个参数，就不可以 
   

   不传底数参数相当于让 parseInt()自己决定如何解析，所以为避免解析出错，建议始终传给它第二个参数。

3. 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