JavaScript 的数据类型
JavaScript 主要有如下 6 种数据类型:
数据类型 | 说明 | 举例 |
---|---|---|
字符串类型 | 使用双引号 " 或单引号 ' 括起来的一个或多个字符 | "www.zhimatong.com"、'字符串' |
数值类型 | 包括整数和浮点数(包含小数点的数或科学记数法的数) | 30、-10、11.2、2.35e10 |
布尔类型 | 表示 true 或 false 这两种状态 | 5 == 2 其运算结果为 false |
空值 | 变量或内容值为空(null),可以通过给一个变量赋 null 值来清除变量的内容 | str = null |
未定义类型 | 变量被创建后,未给该变量赋值,该类型只有一个取值:undefined | var 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 部分:
- JavaScript 数据类型