位置：首页-资讯-前端开发

JavaScript 中的数据类型Number

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

前言

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的文章就介绍到这了,更多相关JavaScript Number内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

阅读原文内容投诉