parseInt、parseFloat和Number的区别

  • Post author:
  • Post category:其他




Number




Number可以将Boolean值(true

(1)

,false

(0)

),数字值,null

(0)

,undefined

(NaN)

,字符串转换为数字。在这里我们讨论

Number



parseInt



parseFloat

的区别,其实在讨论的是在将

字符串转换为数字时

这三种方法的异同。

  • 字符串中只包含数字(可以包含正负号),两者转换方式相同

    在这里插入图片描述
  • 字符串前有空格,两者都忽略字符串前面的空格,两者转换方式相同

    在这里插入图片描述
  • 字符串中的进制转换




Number方法中的数字,都是要变为十进制的,八进制无法转换为十进制,只能忽略前导零,直接被看做十进制,而十六进制只要形式正确,就可以被转换为十进制。

parseInt方法中的数字,在ES3中八进制可以转化为十进制,在ES5中八进制、十六进制的转换和在Number方法中一样。但是parseInt方法有两个参数,第二个参数可以填写转换时使用的基数,通过这个基数,我们可以进行八进制到十进制的正常转换。

  • 字符串中的小数点

    • 非有效的浮点形式

在这里插入图片描述




无论是哪个方法,最终都会被转化为

NaN


  • 无前导0的有效的浮点形式。



在这里插入图片描述


Number方法将其转换为对应的浮点数值

parseInt方法忽略了小数点之后的值,因为

小数点并不是有效的数字字符,

parseFloat方法把字符串转换为相对应的浮点数值,但是显然不能把八进制转换为十进制,这是因为

parseFloat只解析十进制值,没有用第二个参数指定基数的用法。


  • 有前导0的有效的浮点形式

    • 八进制

      在这里插入图片描述




Number,parseInt(ES5),parseFloat都忽略前导0,Number和parseFloat获得的都是浮点数,但是parseInt(ES5)在指定第二个基数的情况下,可以将八进制转化为十进制

  • 十六进制

在这里插入图片描述




Number无法识别十六进制浮点数,parseInt识别不了小数点,但是可以进行转换,对于parseFloat,

十六进制形式的字符串始终会被转换成0。


  • 空字符串

    在这里插入图片描述




Number()对空字符串返回0,parseInt和parseFloat对空字符串返回NaN

  • 如果包含了除了数字之外的值(除了正确形式的前缀和小数点正负号)

    在这里插入图片描述




Number()返回NaN,parseInt和parseFloat返回遇到的非数字或无效数字字符之前的值。



版权声明:本文为ganlubaba666原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。