JavaScript语言基础知识6

转载

mob604756f6460e 2015-08-25 19:42:00

文章标签 javascript html 字符串浮点数值类型 文章分类 Html/CSS 前端开发

在前面的章节中，我们知道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>

JavaScript语言基础知识6_值类型

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

<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>

JavaScript语言基础知识6_浮点数_02

这结果才是我们想要的，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>

JavaScript语言基础知识6_字符串_03

的确能获得一个数值。但得到的是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>

JavaScript语言基础知识6_javascript_04

通过代码我们能够知道，使用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>

JavaScript语言基础知识6_浮点数_05