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会将数字转化为字符串,然后再进行相加。这一知识点,我们在“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>
在浏览器预览效果如下:
具体分析跟parseInt()函数的例子分析一样,在此不累赘解析。