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()函数的例子分析一样，在此不累赘解析。