Javascript parseInt() 函数和parseFloat() 函数

在JavaScript中,parseInt()函数和parseFloat()函数功能类型,都是将“数字字符串”转化为一个数值。之前我们讲解的那几个函数可能用得不是很多,但是这两个函数在实际开发用得非常的多,大家要打醒十二分精神把这两个函数给记住。

 

一、parseInt()函数

parseInt()函数主要将首位为数字的字符串转化为数字。如果字符串不是以数字开头,则将返回NaN。

语法:

parseInt(数字字符串)

举例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var str = "10"+20;
        var sum = parseInt("10")+20;
        document.write(str+"<br/>");
        document.write(sum);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

Javascript parseInt() 函数

分析:

大家可以看到,如果一个字符串跟一个数字相加,JavaScript会将数字转化为字符串,然后再进行相加。这一知识点,我们在“JavaScript表达式”这一节已经详细讲解了。

不过,我们如果将数字字符串“10”使用parseInt()函数转换为数值型数据,则相加的结果就不是字符串了,而是数字型数据。大家稍微琢磨一下。

 

二、parseFloat()函数

parseFloat()函数主要将首位为数字的字符串转化为浮点型数字。如果字符串不是以数字开头,将返回NaN。

语法:

parseFloat(数字字符串)

举例:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var str = "3.14"+20;
        var sum = parseFloat("3.14")+20;
        document.write(str+"<br/>");
        document.write(sum);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

Javascript parseFloat() 函数

具体分析跟parseInt()函数的例子分析一样,在此不累赘解析。