当前位置:首页 > 专题管理

JavaScript 数据类型

JavaScript 的数据类型

JavaScript 主要有如下 6 种数据类型:

数据类型说明举例
字符串类型使用双引号 " 或单引号 ' 括起来的一个或多个字符"www.zhimatong.com"、'字符串'
数值类型包括整数和浮点数(包含小数点的数或科学记数法的数)30、-10、11.2、2.35e10
布尔类型表示 true 或 false 这两种状态5 == 2 其运算结果为 false
空值变量或内容值为空(null),可以通过给一个变量赋 null 值来清除变量的内容str = null
未定义类型变量被创建后,未给该变量赋值,该类型只有一个取值:undefinedvar str
对象类型JavaScript 操作的对象,如页面元素等document.getElementById("article")

注意:

字符串(String)类型

字符串类型使用双引号 " 或单引号 ' 括起来,下面是一些例子:

<script type="text/javascript">
var str1 = '20 ';
var str2 = '岁';
alert( str1 + str2 );
</script>

如上例所示,字符串可以使用 + 符号进行连接,运行例子弹出提示框输出:

20 岁

注意:定义的字符串变量,可以被 JavaScript 直接当做字符串对象处理,允许使用字符串对象的各个方法。

数值(Number)类型

数值(Number)类型包括整数和浮点数(包含小数点的数或科学记数法的数),如:

<script type="text/javascript">
var str1 = '20 ';
var str2 = '岁';
alert( str1 + str2 );
</script>

运行该例子,弹出提示框并输出:运算结果为:53.5

注意,如果将字符串类型和数字类型一起做 + 运算,数值会转换成字符串参与运算。因此上面的例子为了让 num1 和 num2 进行加法运算,将它们使用 () 括起来以先进行加法运算,否则输出的结果将会是:运算结果为:2233.5

布尔(Boolean)类型

布尔类型是对一个表达式结果的确定,如果该表达式成立,则结果为 true,反之则为 false。通常结合 if 语句来进行逻辑判断,如下面例子所示:

<script type="text/javascript">
var x = 3;
var y = 5;
if( x == y ){
    alert( "x 等于 y");
}else{
    alert( "x 不等于 y" );
}
</script>

空值(Null)

空值类型表示该变量或内容无任何值。例如一个表单文本输入框中无任何内容时,我们试图用 JavaScript 去获取该文本输入框元素的值时,得到的结果就是 null。

要判断是否为空值,只需将需要比较的内容与 null 进行比较即可:

if( x == null ) { ... }

鉴于 Web 系统运行的特点,很多情况下可以通过给一个变量赋 null 值来清除变量的内容而不用特意去销毁该变量。

未定义(Undefined)类型

变量被创建后,未给该变量赋值,该变量即为未定义类型。未定义类型有一个确定的值 undefined,因此要判断一个变量或返回结果是否为未定义类型,只需将它与 undefined 进行比较即可:

if( x == undefined ) { ... }

对象(Object)类型

对象类型是 JavaScript 中常用的一个类型,如我们通过 document.getElementById() 获取页面元素时,得到的就是一个对象。

<p id="article">我是一些文字 ...</p>
<script language="JavaScript">
x = document.getElementById("article");
alert(x);
</script>

运行该例子,弹出提示框输出:[object],表明这是一个对象。

说明

JavaScript 是一门松散的语言,甚至可以说是混合语言,因此导致其数据类型以及类型之间的关系比较复杂。另外也有一些人把function(函数)列为数据类型之一,对于这些有一定争议的说法,感兴趣的同学可自行去了解相关内容。

本章节内容共分 1 部分:

  1. JavaScript 数据类型