首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript Number

JavaScript 中的数据类型Number

2022-04-21 16:27:27 作者：前端_我不李姐

这篇文章主要介绍了JavaScript 中的数据类型Number，Number 类型使用 IEEE 754 格式表示整数和浮点值，下文相关详细资料介绍，需要的小伙伴可以参考一下

前言

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