码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript语言基础知识6

时间:2015-08-25 21:20:53      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

在前面的章节中,我们知道JavaScript代码,字符和数字值当添加,将计值转换成字符,即用户输入的数目值它们被转换为字符。

如今我们要做这种样例,我想将1和2相加:

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value1="1";
	var value2="2"
	var intValue=value1+value2;
	document.write(intValue);
</SCRIPT>
</BODY>
</HTML>

技术分享

显然这结果并非我们想要的,如今我们将代码改成以下的样子:

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value1="1";
	var value2="2"
	var intValue=parseInt(value1)+parseInt(value2);
	document.write(intValue);
</SCRIPT>
</BODY>
</HTML>

技术分享

这结果才是我们想要的,1+2=3

也就是说我们parseInt()就能够把字符类型的转换成数值类型。

 假设是输入的值中有数值和字符串时,能否得到我们想要的数值?

看下以下的代码:

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value1="2.34abc";
	var intValue=parseInt(value1);
	document.write(intValue);
</SCRIPT>
</BODY>
</HTML>

技术分享

的确能获得一个数值。但得到的是2并非2.34,这是由于parseInt()函数它解析到的不是有效数值时会停止解析,当解析到.(点号)时就停止了解析,那如今我们如何才干获取到2.34,看以下的代码:

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value1="2.34abc";
	var intValue=parseFloat(value1);
	document.write(intValue);
</SCRIPT>
</BODY>
</HTML>

技术分享

通过代码我们能够知道,使用parseFloat()函数能够解析到一个浮点数。也就是我们想要得到的数值,


接下来看一个特例,假设输入的字符串中并没有有效的数值时,那使用这两个函数会得到什么。看以下代码:

<HTML>
<HEAD>
	<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
	var value1="abc";
	var intValue=parseFloat(value1);
	document.write(intValue);
	var value2="daf";
	var floatValue=parseFloat(value2);
	document.write("\n"+floatValue);
</SCRIPT>
</BODY>
</HTML>

技术分享

NaN值是JavaScript中的特殊值。表示不是一个数值。



转载请注明出处:http://blog.csdn.net/hai_qing_xu_kong/article/details/40892573    情绪控_ 







版权声明:本文博主原创文章,博客,未经同意,不得转载。

JavaScript语言基础知识6

标签:

原文地址:http://www.cnblogs.com/hrhguanli/p/4758431.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!