JavaScript 的数据类型
JavaScript 主要有如下 6 种数据类型:
数据类型 说明 举例
字符串类型 使用双引号 " 或单引号 ' 括起来的一个或多个字符 "www.5idev.com"、'字符串'
数值类型 包括整数和浮点数(包含小数点的数或科学记数法的数) 30、-10、11.2、2.35e10
布尔类型 表示 true 或 false 这两种状态 5 == 2 其运算结果为 false
空值 变量或内容值为空(null),可以通过给一个变量赋 null 值来清除变量的内容 str = null
未定义类型 变量被创建后,未给该变量赋值,该类型只有一个取值:undefined var str
对象类型 JavaScript 操作的对象,如页面元素等 document.getElementById("article")
字符串(String)类型
字符串类型使用双引号 " 或单引号 ' 括起来,下面是一些例子:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var str1 = '20 '; var str2 = '岁'; alert( str1 + str2 ); </script> </head> <body> </body> </html>
如上例所示,字符串可以使用 + 符号进行连接,运行例子弹出提示框输出:
20 岁
注意:定义的字符串变量,可以被 JavaScript 直接当做字符串对象处理
数值(Number)类型
数值(Number)类型包括整数和浮点数(包含小数点的数或科学记数法的数),如:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var num1 = 20; var num2 = 33.5; alert( num1 + num2 ); </script> </head> <body> </body> </html>
运行该例子,弹出提示框并输出:运算结果为:53.5
注意,如果将字符串类型和数字类型一起做 + 运算,数值会转换成字符串参与运算。因此上面的例子为了让 num1 和 num2 进行加法运算,将它们使用 () 括起来以先进行加法运算。
布尔(Boolean)类型
布尔类型是对一个表达式结果的确定,如果该表达式成立,则结果为 true,反之则为 false。通常结合 if 语句来进行逻辑判断,如下面例子所示:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var x = 3; var y = 5; if( x == y ){ alert( "x 等于 y"); }else{ alert( "x 不等于 y" ); } </script> </head> <body> </body> </html>
空值(Null)
空值类型表示该变量或内容无任何值。例如一个表单文本输入框中无任何内容时,我们试图用 JavaScript 去获取该文本输入框元素的值时,得到的结果就是 null。
要判断是否为空值,只需将需要比较的内容与 null 进行比较即可:
if( x == null ) { ... }
鉴于 Web 系统运行的特点,很多情况下可以通过给一个变量赋 null 值来清除变量的内容而不用特意去销毁该变量。
未定义(Undefined)类型
变量被创建后,未给该变量赋值,该变量即为未定义类型。未定义类型有一个确定的值 undefined,因此要判断一个变量或返回结果是否为未定义类型,只需将它与 undefined 进行比较即可:
if( x == undefined ) { ... }
对象(Object)类型
对象类型是 JavaScript 中常用的一个类型,如我们通过 document.getElementById() 获取页面元素时,得到的就是一个对象。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script language="JavaScript"> x = document.getElementById("article"); alert(x); </script> </head> <body> <p id="article">我是一些文字 ...</p> </body> </html>
声明变量类型
当您声明新变量时,可以使用关键词 "new" 来声明其类型:
var carname=new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;