parseFloat()与parseInt()的区别? | 少将全栈
  • 欢迎访问少将全栈,学会感恩,乐于付出,珍惜缘份,成就彼此、推荐使用最新版火狐浏览器和Chrome浏览器访问本网站。
  • 吐槽,投稿,删稿,交个朋友
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏少将全栈吧

parseFloat()与parseInt()的区别?

点滴 admin 10年前 (2015-05-11) 2059次浏览 已收录 扫描二维码

parseInt()方法首先查看位置0处的 字符,判断它是否是个有效数字;如果不是,该方法将返回NaN,不再继续执行其他操作。但如果该字符是有效数字,该方法将查看位置1处的字符,进行同样的 测试。这一过程将持续到发现非有效数字的字符为止,此时parseInt()将把该字符之前的字符串转换成数字。
例如
如果要把字符串 “1234blue “转换成整数,那么parseInt()将返回1234,因为当它检测到字符b时,就会停止检测过程。
parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。
基是由parseInt()方法的第二个参数指定的,所以要解析十六进制的值,当然,对二进制、八进制,甚至十进制(默认模式),都可以这样调用parseInt()方法。
如果十进制数包含前导0,那么最好采用基数10,这样才不会意外地得到八进制的值。

二、parseFloat()
与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字符串转换成数字。
不过,对于这个方法来说,第一个出现的小数点是有效字符。如果有两个小数点,第二个小数点将被看作无效的, parseFloat()方法会把这个小数点之前的字符串转换成数字。这意味着字符串 “22.34.5”将被解析成22.34。
使用parseFloat()方法的另一不同之处在于,字符串必须以十进制形式表示浮点数,而不能用八进制形式或十六进制形式。
该方法会忽略前导0,所以八进制数0908将被解析为908。对于十六进制数0xA,该方法将返回0,因为在浮点数中,x不是有效字符。

此外,parseFloat()没有基模式。

两者都是从位置0开始查看,直到非有效数字位置,再把有效的部分转成整数或者浮点数。

但是parseInt()可以带参数,指定二进制、八进制或者十六进制(默认十进制),可以解析八进制数如“010”、十六进制数“0x10”,而parseFloat()不带参数,不能解析八进制、十六进制数。

八进制数是以0开头,parseInt()对于有前导0的会解析成八进制数,而parseFloat()不会解析八进制数,因此八进制数都会被解析成10进制输出且输出时忽略前面的0

 十六进制数是以0x开头,parseInt()会解析成十六进制数,而parseFloat()不会解析十六进制数,就跟“123db”这种类似,从头开始查看,到非有效数字位置为止,把前面的有效部分转成十进制,也就是说所有十六进制数都会被转成0。

另外,parseInt() parseFloat()对于”123db”这种可以部分转换,转成数字123,而Number()就会认为是NaN,因为整个字符串不能完整转化为数字。

 

在FF、Chrome、IE8、Opera下测试parseInt(“0xA”)均得到0,看书看到书上写的返回NaN,错啦……不过该书第二版已经做了更正哈哈。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<script type="text/javascript">
    // alert(parseInt("1234blue"));
    // alert(parseFloat("22.34.5"));
    // alert(parseInt("0908"));
    // alert(parseFloat("0908"));
    // alert(parseInt("0xA"));
    // alert(parseFloat("0xA"));
    // alert(parseInt("3.54 apples"));
    // alert(parseFloat("3.54 apples"));
    console.log(parseInt("1234blue"));
    console.log(parseFloat("22.34.5"));
    console.log(parseInt("0908"));
    console.log(parseFloat("0908"));
    console.log(parseInt("0xA"));
    console.log(parseFloat("0xA"));
    console.log(parseInt("3.54 apples"));
    console.log(parseFloat("3.54 apples"));
</script>
<body>
    
</body>
</html>

parseFloat()与parseInt()的区别?

喜欢 (0)
[🍬谢谢你请我吃糖果🍬🍬~]
分享 (0)
关于作者:
少将,关注Web全栈开发、项目管理,持续不断的学习、努力成为一个更棒的开发,做最好的自己,让世界因你不同。