在前面的章节中,我们知道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的更多相关文章

  1. JavaScript语言基础知识1

    我们想知道什么JavaScript.首先,我们必须知道JavaScript有什么特点? JavaScript究竟是什么?它是一种基于对象而且具有安全性的脚本语言,对.它是脚本语言.所以它有下面特点: ...

  2. JavaScript语言基础知识8

    这篇文章是对前面学习的知识进行总结: 1.JavaScript支持多种数据类型,如数值类型.字符串类型.布尔类型等. 2.在JavaScript中,字符串是用引號括起来的字符系列,转义字符能够用来表示 ...

  3. javascript语言基础知识

    一.JavaScript语法的引入方式. 1.直接引入(在html的head中直接引入js语法) <script> js语法 </script> 2.导入文件(以导入文件的方式 ...

  4. JavaScript语言基础知识10

    JavaScript中间if声明: <span style="font-size:18px;"><HTML> <HEAD> <TITLE& ...

  5. JavaScript语言基础知识7

    JavaScript该阵列是一个新概念. 我们可以使用newkeyword和Array()构造函数来解释 排列: <HTML> <HEAD> <TITLE>Hell ...

  6. JavaScript语言基础知识11

    JavaScript字符的比较. 在接下来的学习内容的开始,我们先来看一下alert()此功能,它是一个消息框. OK,接下来正式介绍代码: <HTML> <HEAD> < ...

  7. 快速掌握JavaScript面试基础知识(三)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  8. 快速掌握JavaScript面试基础知识(二)

    译者按: 总结了大量JavaScript基本知识点,很有用! 原文: The Definitive JavaScript Handbook for your next developer interv ...

  9. javascript的基础知识及面向对象和原型属性

    自己总结一下javascript的基础知识,希望对大家有用,也希望大家来拍砖,毕竟是个人的理解啊 1.1 类型检查:typeof(验证数据类型是:string) var num = 123; cons ...

随机推荐

  1. 判断联网wifi

    UIApplication *app = [UIApplication sharedApplication]; NSArray *children = [[[app valueForKeyPath:@ ...

  2. iOS实践04

    第四天 微博数据展示:获取服务器数据,json数据的解析,MVC的使用,自定义cell高度的计算,一些分类的设计.已经是第四天了,虽然每天都有课程,但这个东西也基本完成了一大半吧,一些忘掉的知识也捡起 ...

  3. [Jobdu] 题目1521:二叉树的镜像

    不知道怎么回事下面的代码通过了4个测试用例,还有1个测试用例始终是Runtime Error,各位帮我看一下是哪里出了问题 镜像输出两种方法,一种是递归进行调整,另外一种就是直接在先序遍历的基础上进行 ...

  4. linux定时任务crontab的设置

    linux定时任务crontab的设置http://www.blogjava.net/freeman1984/archive/2010/09/23/332715.html vi /etc/cronta ...

  5. HDOJ 3415 Max Sum of Max-K-sub-sequence(单调队列)

    因为是circle sequence,可以在序列最后+序列前n项(或前k项);利用前缀和思想,预处理出前i个数的和为sum[i],则i~j的和就为sum[j]-sum[i-1],对于每个j,取最小的s ...

  6. [IOI1996] USACO Section 5.3 Network of Schools(强连通分量)

    nocow上的题解很好. http://www.nocow.cn/index.php/USACO/schlnet 如何求强连通分量呢?对于此题,可以直接先用floyd,然后再判断. --------- ...

  7. 条款16:成对使用new和delete时,采取相同的形式

    问题聚焦:     我们都知道,new和delete要成对使用,但是有时候,事情往往不是按我们预期的那样发展.     对于单一对象和对象数组,我们要分开考虑.     遇到typedef时,也需要搞 ...

  8. Spring 拦截器实现事物

    Spring+Hibernate的实质:就是把Hibernate用到的数据源Datasource,Hibernate的SessionFactory实例,事务管理器HibernateTransactio ...

  9. Flex 内置验证器—验证用户输入

    今晚对于Flex中的Validator类(所有验证器的父类)测试一下 ---->其中常用的验证类有StringValidator,NumberValidator,DateValidator 测试 ...

  10. Cloudera Manager、CDH零基础入门、线路指导 http://www.aboutyun.com/thread-9219-1-1.html (出处: about云开发)

    Cloudera Manager.CDH零基础入门.线路指导http://www.aboutyun.com/thread-9219-1-1.html(出处: about云开发) 问题导读:1.什么是c ...