Number
JavaScript的
Number
类型为双精度IEEE 754 64位浮点类型。 数值范围包括-2^53到2^53
。在JavaScript中正数0和负数0是相等的。
注意:当数值超过number所能表示的范围值的时候,则会被自动转换成Infintity(正无穷)或-Infintity(负无穷)。此时将无法正常进行数学运算。为此提供了一个新的基础数据类型BigInt
属性、方法 | 作用 |
---|---|
Number.MIN_SAFE_INTEGER | number所表示的最小值 |
Number.MAX_SAFE_INTEGER | number所表示的最小值 |
Number.isNaN() | 检查值是否是一个有效数字 |
Number.isFinite() | 检查值是否是一个又穷数 |
isNaN
在使用isNaN进行检测的时候,如果检测的值是非数字类型的值,则需要先把其转换为数字类型,然后在进行检测 把其它数据类型转换为数字类型
// console.log(isNaN(1)); //=>false
// console.log(isNaN(NaN)); //=>true
// console.log(isNaN(Infinity)); //=>false
// console.log(isNaN('AA')); //=>true
// console.log(isNaN('12.5')); //=>false
// console.log(isNaN('12.5px')); //=>true
// console.log(isNaN([])); //=>false
// console.log(isNaN([10])); //=>false
// console.log(isNaN([10, 20])); //=>true
// console.log(isNaN({})); //=>true
// console.log(isNaN(null)); //=>false
// console.log(isNaN(undefined)); //=>true
// console.log(isNaN(Symbol(1))); //=>报错
三种转换数字类型的方式
Number()
Number是JS内置的转换方法,可以把其它数据类型“强制”转换为数字类型
- 把字符串转换为数字:一但字符串中出现非有效数字字符,则结果为NaN,只有都是有效数字字符,才能转换为具体的数字,空字符串会转换为0
- 把布尔转换为数字:true转换为1 false转换为0
- 把空转换为数字:null转换为0 undefined转换为NaN
- 不能把Symbol类型转换为数字,否则会报错
- 对象转换为数字:先把对象转换为字符串,再把字符串转为数字
- 普通对象
- 数组对象
- 其余对象格式基本上都会变为数字NaN
- 函数转换为数字:结果都是NaN
// console.log(Number('12')); //=>12
// console.log(Number('12.5')); //=>12.5
// console.log(Number('12px')); //=>NaN
// console.log(Number('12.5.0')); //=>NaN
// console.log(Number(true)); //=>1
// console.log(Number(false)); //=>0
// console.log(Number(null)); //=>0
// console.log(Number(undefined)); //=>NaN
// console.log(Number(Symbol(13))); //=>Cannot convert a Symbol value to a number
// console.log(Number(function func() {}));
parseInt() / parseFloat()
他们是把字符串转换为数字类型(如果处理的值不是字符串,需要先转换为字符串然后在去转换为number类型的)
从字符串最左边开始查找,把找到的有效数字字符转换为数字,一直遇到一个非有效数字字符为止,则结束查找
parseFloat比parseInt多识别一个小数点
// console.log(Number('12px')); //=>NaN
// console.log(parseInt('12px')); //=>12
// console.log(parseInt('12px24')); //=>12
// console.log(parseInt('width:12px')); //=>NaN
// console.log(parseInt('12.5px')); //=>12
// console.log(parseFloat('12.5px')); //=>12.5 parseFloat比parseInt多识别一个小数点
// console.log(Number(true)); //=>1
// console.log(parseInt(true)); //=>先把TRUE转换为字符串"TRUE" parseInt('true') =>NaN
// console.log(parseInt(NaN)); //=>NaN
// console.log(Number(null)); //=>0
// console.log(parseInt(null)); //=> parseInt('null') =>NaN
// console.log(isNaN(Number(parseInt("0.8")))); //=>parseInt("0.8")->0 Number(0)->0 isNaN(0)->false
// console.log(Number('')); //=>0
// console.log(parseInt('')); //=>NaN