详解Js中的Number

Number

JavaScript的Number类型为双精度IEEE 754 64位浮点类型。 数值范围包括 -2^53到2^53。在JavaScript中正数0和负数0是相等的。
注意：当数值超过number所能表示的范围值的时候，则会被自动转换成Infintity(正无穷)或-Infintity(负无穷)。此时将无法正常进行数学运算。为此提供了一个新的基础数据类型BigInt

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