您的位置：首页 > Web前端 > JavaScript

javascript基础二数据类型

2016-02-24 15:30 555 查看

1.数据类型

javascript中的基本数据类型有4中，undefined，number，string,boolean

1.1 typeof关键字

typeof关键字可以获取一个变量的的类型。先举个例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
var a = 10;
var b = 'a';
var c = "ab";
var d = true;
var e = 3.14;
var f;
document.write(a+"<br/>");
document.write(b+"<br/>");
document.write(c+"<br/>");
document.write(d+"<br/>");
document.write(e+"<br/>");
document.write(f+"<br/>");
document.write("<hr/>");

document.write(typeof a+"<br/>");
document.write(typeof b+"<br/>");
document.write(typeof c+"<br/>");
document.write(typeof d+"<br/>");
document.write(typeof e+"<br/>");
document.write(typeof f+"<br/>");

</script>

</head>
<body>
</body>
</html>

运行的结果

从上面可以看出，typeof类型的总结：
（1）所有的数值都是number
(2)字符和字符串都是string
（3）布尔是boolean
（4）如果一个变量没有给初始值，给的是undefined、

1.2 十进制，十六进制，八进制

在javascript中以0开头的表示八进制，以0x开头表示十六进制。先看一段代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>八进制，十进制，十六进制</title>
<script type="text/javascript">
var a = 13;
var b = 013;//八进制
var c = 0x12;//十六进制
document.write(a+"<br/>");
document.write(b+"<br/>");
document.write(c+"<br/>");

</script>

</head>
<body>

</body>
</html>

结果为：13,11,18

但是注意：八进制数，若数据超过0—7的话，以十进制数看待。例如:

<script type="text/javascript">
var d = 081;//无效的八进制，以十进制看待
document.write(d);

</script>

输出的结果是：81

1.3 浮点数：
要定义浮点值，必须包括小数点和小数点后的一位小数字，(例如1.0不是1)，这被看做浮点数字面量。例如：

<script type="text/javascript" >
var a = 3.14;//浮点数
var b = 1.//合法，小数点后面没有数字，解析为1
var c = 10.0//整数，解析为10。
document.write(a + "<br/>");
document.write(b + "<br/>");
document.write(c + "<br/>");
</script>

结果为：3.14

　　　　1

　　　　10

注意：

由于浮点数需要的内存空间是整数的两倍，因此javascript会将浮点数转换为整数值。因此小数点后没有数字或浮点数本身就是一个整数就将看做整数。

1.4 转换成数字

javascript提供了两种转换数字的方法，parseInt()和parseFloat()两种方法。这两种方法只是将string进行转换数字，才能正确运行，其他的数据类型转换都是NaN。

parseInt()方法首先查看第0处的字符，若是数字，往第1处字符检查，若是数字就接着往下找，直到找到为字符的结束；如果查看第0处的字符是字符,那就结束查找，返回的是NaN。

例如：

<script type="text/javascript">
var a = "10av";
document.write(parseInt(a)+"<br/>");//返回的是10，找到第一个字符a，结束。
var b = "0xB";
document.write(parseInt(b)+"<br/>");//返回的11，将字符串中包含的数字字面转换为数字。
document.write(parseInt("56.9")+"<br/>");//返回56，将去掉小数点后面的数字
document.write(parseInt("abv")+"<br/>");//返回NaN
</script>

注意：
字符串中包含的数字字面将转换为数字，例如0xB，先转换为11。 56.9将小数点后面的数字省略，转换为56
parseFloat()和parseInt()都是将字符串转换为数字类型，只不过parseFloat()遇到浮点数时转换为原数，parseInt()将浮点数转换为整数，将小数点后面的省略。

<script type="text/javascript">
document.write(parseFloat("123")+"<br/>");//返回123
document.write(parseFloat("abc456")+"<br/>");//返回NaN
document.write(parseFloat("456abc")+"<br/>");//返回456
document.write(parseFloat("23.1")+"<br/>");//返回23.1
document.write(parseFloat("-23")+"<br/>");//返回-23
</script>

下面看一下sNaN,判断是否是一个有效的数值，

isNaN(表达式):返回的结果是否为NaN（非数值）

<script type="text/javascript">
document.write(isNaN("abc")+"<br/>");//true
document.write(isNaN("123")+"<br/>");//false

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航